@saasquatch/squatch-js 2.6.0-0 → 2.6.0-2

package/coverage/lcov-report/widgets/Widget.ts.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">4.8% </span>
+                <span class="strong">4.38% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>5/104</span>
+                <span class='fraction'>5/114</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/51</span>
+                <span class='fraction'>0/57</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/21</span>
+                <span class='fraction'>0/22</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">4.95% </span>
+                <span class="strong">4.58% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>5/101</span>
+                <span class='fraction'>5/109</span>
             </div>
         
             
@@ -404,15 +404,34 @@
 <a name='L339'></a><a href='#L339'>339</a>
 <a name='L340'></a><a href='#L340'>340</a>
 <a name='L341'></a><a href='#L341'>341</a>
-<a name='L342'></a><a href='#L342'>342</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<a name='L342'></a><a href='#L342'>342</a>
+<a name='L343'></a><a href='#L343'>343</a>
+<a name='L344'></a><a href='#L344'>344</a>
+<a name='L345'></a><a href='#L345'>345</a>
+<a name='L346'></a><a href='#L346'>346</a>
+<a name='L347'></a><a href='#L347'>347</a>
+<a name='L348'></a><a href='#L348'>348</a>
+<a name='L349'></a><a href='#L349'>349</a>
+<a name='L350'></a><a href='#L350'>350</a>
+<a name='L351'></a><a href='#L351'>351</a>
+<a name='L352'></a><a href='#L352'>352</a>
+<a name='L353'></a><a href='#L353'>353</a>
+<a name='L354'></a><a href='#L354'>354</a>
+<a name='L355'></a><a href='#L355'>355</a>
+<a name='L356'></a><a href='#L356'>356</a>
+<a name='L357'></a><a href='#L357'>357</a>
+<a name='L358'></a><a href='#L358'>358</a>
+<a name='L359'></a><a href='#L359'>359</a>
+<a name='L360'></a><a href='#L360'>360</a>
+<a name='L361'></a><a href='#L361'>361</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -445,7 +464,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -488,9 +507,14 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -500,6 +524,8 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -508,6 +534,14 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -650,6 +684,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -662,6 +698,8 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -829,8 +867,13 @@ export default abstract class Widget {
         document.querySelector(".squatchembed");
 <span class="cstat-no" title="statement not covered" >      _log("loading widget with default selector", element);</span>
     }
+&nbsp;
 <span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if (!(element instanceof HTMLElement))</span>
-<span class="cstat-no" title="statement not covered" >      throw new Error(`element with selector '${this.container}' not found.'`);</span>
+<span class="cstat-no" title="statement not covered" >      throw new Error(</span>
+        `element with selector '${
+          this.container || "#squatchembed or .squatchembed"
+        }' not found.'`
+      );
 &nbsp;
 <span class="cstat-no" title="statement not covered" >    return element;</span>
   }
@@ -838,7 +881,9 @@ export default abstract class Widget {
 <span class="fstat-no" title="function not covered" >  _createFrame(</span>) {
     const frame = <span class="cstat-no" title="statement not covered" >document.createElement("iframe");</span>
 <span class="cstat-no" title="statement not covered" >    frame["squatchJsApi"] = this;</span>
+<span class="cstat-no" title="statement not covered" >    frame.id = "squatchFrame";</span>
 <span class="cstat-no" title="statement not covered" >    frame.width = "100%";</span>
+<span class="cstat-no" title="statement not covered" >    frame.src = "about:blank";</span>
 <span class="cstat-no" title="statement not covered" >    frame.scrolling = "no";</span>
 <span class="cstat-no" title="statement not covered" >    frame.setAttribute(</span>
       "style",
@@ -848,7 +893,15 @@ export default abstract class Widget {
 <span class="cstat-no" title="statement not covered" >    return frame;</span>
   }
 &nbsp;
-  abstract load(frame: HTMLIFrameElement): void;
+<span class="fstat-no" title="function not covered" >  _findFrame(</span>) {
+    const element = <span class="cstat-no" title="statement not covered" >this._findElement();</span>
+    const parent = <span class="cstat-no" title="statement not covered" >element.shadowRoot || element;</span>
+<span class="cstat-no" title="statement not covered" >    return parent.querySelector(</span>
+      "iframe#squatchFrame"
+    ) as HTMLIFrameElement | null;
+  }
+&nbsp;
+  abstract load(): void;
   protected <span class="fstat-no" title="function not covered" >_loadEvent(</span>sqh: ProgramLoadEvent | GenericLoadEvent) {
 <span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if (!sqh) <span class="cstat-no" title="statement not covered" >return; </span></span>// No non-truthy value
 <span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if (!isObject(sqh)) {</span>
@@ -888,7 +941,7 @@ export default abstract class Widget {
 <span class="cstat-no" title="statement not covered" >        _log(`${params.engagementMedium} loaded event recorded.`);</span>
       })
       .catch(<span class="fstat-no" title="function not covered" >(e</span>x) =&gt; {
-<span class="cstat-no" title="statement not covered" >        _log(new Error(`pushAnalyticsLoadEvent() ${ex}`));</span>
+<span class="cstat-no" title="statement not covered" >        _log(`ERROR: pushAnalyticsLoadEvent() ${ex}`);</span>
       });
   }
 &nbsp;
@@ -908,7 +961,7 @@ export default abstract class Widget {
           );
         })
         .catch(<span class="fstat-no" title="function not covered" >(e</span>x) =&gt; {
-<span class="cstat-no" title="statement not covered" >          _log(new Error(`pushAnalyticsLoadEvent() ${ex}`));</span>
+<span class="cstat-no" title="statement not covered" >          _log(`ERROR: pushAnalyticsShareClickedEvent() ${ex}`);</span>
         });
     }
   }
@@ -989,7 +1042,9 @@ export default abstract class Widget {
    * @param param0 Form field values
    * @param jwt JWT for API authentication
    */
-<span class="fstat-no" title="function not covered" >  reload(</span>frame: HTMLIFrameElement, { email, firstName, lastName }, jwt) {
+<span class="fstat-no" title="function not covered" >  reload(</span>{ email, firstName, lastName }, jwt) {
+    const frame = <span class="cstat-no" title="statement not covered" >this._findFrame();</span>
+<span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if (!frame) <span class="cstat-no" title="statement not covered" >throw new Error("Could not find widget iframe");</span></span>
     const frameWindow = <span class="cstat-no" title="statement not covered" >frame.contentWindow;</span>
 &nbsp;
     const engagementMedium = <span class="cstat-no" title="statement not covered" >this.context.engagementMedium || "POPUP";</span>
@@ -1001,6 +1056,8 @@ export default abstract class Widget {
     let response;
 &nbsp;
 <span class="cstat-no" title="statement not covered" >    if (this.context.type === "upsert") {</span>
+<span class="cstat-no" title="statement not covered" >      <span class="missing-if-branch" title="if path not taken" >I</span>if (!this.context.user) <span class="cstat-no" title="statement not covered" >throw new Error("Can't reload without user ids");</span></span>
+&nbsp;
       let userObj = <span class="cstat-no" title="statement not covered" >{</span>
         email: email || null,
         firstName: firstName || null,
@@ -1037,10 +1094,10 @@ export default abstract class Widget {
             frame,
             { email, engagementMedium },
 <span class="fstat-no" title="function not covered" >            () =</span>&gt; {
-<span class="cstat-no" title="statement not covered" >              this.load(frame);</span>
+<span class="cstat-no" title="statement not covered" >              this.load();</span>
 &nbsp;
               // @ts-ignore -- open exists in the PopupWidget, so this call will always exist when it's called.
-<span class="cstat-no" title="statement not covered" >              engagementMedium === "POPUP" &amp;&amp; this.open(frame);</span>
+<span class="cstat-no" title="statement not covered" >              engagementMedium === "POPUP" &amp;&amp; this.open();</span>
             }
           );
         }
@@ -1050,7 +1107,7 @@ export default abstract class Widget {
       });
   }
 &nbsp;
-<span class="fstat-no" title="function not covered" >  __deprecated__register(</span>frame, params, onClick) {
+  private <span class="fstat-no" title="function not covered" >__deprecated__register(</span>frame, params, onClick) {
     const frameWindow = <span class="cstat-no" title="statement not covered" >frame.contentWindow;</span>
     const frameDoc = <span class="cstat-no" title="statement not covered" >frameWindow.document;</span>
     const showStatsBtn = <span class="cstat-no" title="statement not covered" >frameDoc.createElement("button");</span>
@@ -1093,7 +1150,7 @@ function <span class="fstat-no" title="function not covered" >delay(</span>durat
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-07-03T20:35:44.061Z
+                at 2023-07-18T18:59:28.021Z
             </div>
         <script src="../prettify.js"></script>
         <script>