QwikDev · adamdbradley · Mar 21, 2022 · Mar 16, 2022 · Mar 21, 2022
diff --git a/src/lib/web-worker/worker-proxy.ts b/src/lib/web-worker/worker-proxy.ts
@@ -56,6 +56,9 @@ const queue = (
   $groupedGetters$?: string[],
   buffer?: ArrayBuffer | ArrayBufferView
 ) => {
+  if (!instance[ApplyPathKey]) {
+    return;
+  }
   taskQueue.push({
     $winId$: instance[WinIdKey],
     $instanceId$: instance[InstanceIdKey],

diff --git a/tests/index.html b/tests/index.html
@@ -121,6 +121,7 @@ <h2>Service Integration Tests</h2>
       <li><a href="/tests/integrations/hubspot/forms.html">Hubspot Forms</a></li>
       <li><a href="/tests/integrations/intercom/">Intercom</a></li>
       <li><a href="/tests/integrations/jquery/">jQuery</a></li>
+      <li><a href="/tests/integrations/kiwisizing/">Kiwi Sizing</a></li>
       <li><a href="/tests/integrations/mermaid/">Mermaid</a></li>
       <li><a href="/tests/integrations/twitter/">Twitter Embed</a></li>
       <li><a href="/tests/integrations/wistia/">Wistia</a></li>

diff --git a/tests/integrations/clarity/clarity.spec.ts b/tests/integrations/clarity/clarity.spec.ts
@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test';
+
+test('Clarity', async ({ page }) => {
+  await page.goto('/tests/integrations/clarity/');
+  const element = await page.waitForSelector('#pterrors');
+
+  expect(await element.textContent()).toEqual('NO ERROR');
+});
diff --git a/tests/integrations/clarity/index.html b/tests/integrations/clarity/index.html
@@ -98,6 +98,20 @@
       })(window, document, "clarity", "script", "avd6npx8xb");
   </script>
 
+  <script>
+    setTimeout(() => {
+      let errors = document.querySelector('[data-pterror]');
+      let elm = document.createElement('div');
+      elm.id = 'pterrors';
+      if (errors) {
+        elm.textContent = 'ERROR';
+      } else {
+        elm.textContent = 'NO ERROR';
+      }
+      document.body.appendChild(elm);
+    }, 2000);
+  </script>
+
 </head>
 <h1>Clarity</h1>
 

diff --git a/tests/integrations/hubspot/forms.html b/tests/integrations/hubspot/forms.html
@@ -64,6 +64,19 @@
         margin: 0 5px;
       }
     </style>
+    <script>
+      setTimeout(() => {
+        let errors = document.querySelector('[data-pterror]');
+        let elm = document.createElement('div');
+        elm.id = 'pterrors';
+        if (errors) {
+          elm.textContent = 'ERROR';
+        } else {
+          elm.textContent = 'NO ERROR';
+        }
+        document.body.appendChild(elm);
+      }, 3000);
+    </script>
   </head>
   <body>
     <h1>Hubspot Forms 🎉</h1>

diff --git a/tests/integrations/hubspot/hubspot.spec.ts b/tests/integrations/hubspot/hubspot.spec.ts
@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test';
+
+test('Hubspot', async ({ page }) => {
+  await page.goto('/tests/integrations/hubspot/forms.html');
+  const element = await page.waitForSelector('#pterrors');
+
+  expect(await element.textContent()).toEqual('NO ERROR');
+});
diff --git a/tests/integrations/jquery/index.html b/tests/integrations/jquery/index.html
@@ -83,6 +83,20 @@ <h1>jQuery</h1>
       })();
     </script>
 
+    <script>
+      setTimeout(() => {
+        let errors = document.querySelector('[data-pterror]');
+        let elm = document.createElement('div');
+        elm.id = 'pterrors';
+        if (errors) {
+          elm.textContent = 'ERROR';
+        } else {
+          elm.textContent = 'NO ERROR';
+        }
+        document.body.appendChild(elm);
+      }, 3000);
+    </script>
+
     <hr />
     <p><a href="/tests/">All Tests</a></p>
   </body>

diff --git a/tests/integrations/jquery/jquery.spec.ts b/tests/integrations/jquery/jquery.spec.ts
@@ -1,10 +1,9 @@
 import { test, expect } from '@playwright/test';
 
-test('jquery', async ({ page }) => {
-  // await page.goto('/tests/integrations/jquery/');
-  // await page.waitForSelector('.completed');
-  // const buttonDataLayerPush = page.locator('#buttonDataLayerPush');
-  // await buttonDataLayerPush.click();
-  // const testDataLayer = page.locator('#testDataLayer');
-  // await expect(testDataLayer).toHaveText('pushed');
+test('JQuery', async ({ page }) => {
+  await page.goto('/tests/integrations/jquery/');
+  await page.waitForSelector('.completed');
+  const element = await page.waitForSelector('#pterrors');
+
+  expect(await element.textContent()).toEqual('NO ERROR');
 });
diff --git a/tests/integrations/kiwisizing/index.html b/tests/integrations/kiwisizing/index.html
@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="Partytown Test Page" />
+
+    <title>Kiwisizing 🎉</title>
+
+    <script>
+      partytown = {
+        logCalls: true,
+        logGetters: true,
+        logSetters: true,
+        logImageRequests: true,
+        logMainAccess: true,
+        logSendBeaconRequests: true,
+        logStackTraces: false,
+        logScriptExecution: true,
+        forward: ['dataLayer.push', 'fbq', '_', 'customElements'],
+        resolveUrl: function (url) {
+          if (
+            [
+              'static-tracking.klaviyo.com',
+              'static.klaviyo.com',
+              'cdn.static.kiwisizing.com',
+              'd3hw6dc1ow8pp2.cloudfront.net',
+              'pixc.com',
+            ].includes(url.hostname)
+          ) {
+            var proxyUrl = new URL(
+              'https://cdn.builder.io/api/v1/proxy-api?apiKey=e514f5987eaf4fa1b17ff31a283fe2ad'
+            );
+            proxyUrl.searchParams.append('url', url.href);
+            return proxyUrl;
+          }
+          return url;
+        },
+      };
+    </script>
+    <script src="/~partytown/debug/partytown.js"></script>
+
+    <script>
+      window.KiwiSizing = window.KiwiSizing === undefined ? {} : window.KiwiSizing;
+      KiwiSizing.shop = 'shyam-partytown-tester.myshopify.com';
+    </script>
+
+    <style>
+      body {
+        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif,
+          Apple Color Emoji, Segoe UI Emoji;
+        font-size: 12px;
+      }
+
+      h1 {
+        margin: 0 0 15px 0;
+      }
+
+      ul {
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+      }
+
+      a {
+        display: block;
+        padding: 16px 8px;
+      }
+
+      a:link,
+      a:visited {
+        text-decoration: none;
+        color: blue;
+      }
+
+      a:hover {
+        background-color: #eee;
+      }
+
+      li {
+        display: flex;
+        margin: 15px 0;
+      }
+
+      li strong,
+      li code,
+      li button {
+        white-space: nowrap;
+        flex: 1;
+        margin: 0 5px;
+      }
+    </style>
+
+    <script id="shopify-features" type="application/json">
+      {
+        "accessToken": "3a857541a8ed3b74db7c1f087d47886d",
+        "betas": ["rich-media-storefront-analytics"],
+        "domain": "shyam-partytown-tester.myshopify.com",
+        "predictiveSearch": true,
+        "shopId": 61726785721,
+        "smart_payment_buttons_url": "https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js",
+        "dynamic_checkout_cart_url": "https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js",
+        "locale": "en"
+      }
+    </script>
+
+    <script
+      data-source-attribution="shopify.dynamic-checkout"
+      defer="defer"
+      src="./shopify-dynamic-checkout.js"
+      crossorigin="anonymous"
+    ></script>
+
+    <script
+      src="./kiwisizing.SizingPlugin.js?v=308\u0026shop=shyam-partytown-tester.myshopify.com"
+      type="text/partytown"
+    ></script>
+
+    <script>
+      setTimeout(() => {
+        let errors = document.querySelector('[data-pterror]');
+        let elm = document.createElement('div');
+        elm.id = 'pterrors';
+        if (errors) {
+          elm.textContent = 'ERROR';
+        } else {
+          elm.textContent = 'NO ERROR';
+        }
+        document.body.appendChild(elm);
+      }, 3000);
+    </script>
+  </head>
+  <body>
+    <h1>Kiwisizing</h1>
+
+    <div data-shopify="payment-button"></div>
+
+    <hr />
+    <p><a href="/tests/integrations/kiwisizing/standard.html">Standard Kiwisizing</a></p>
+    <p><a href="/tests/">All Tests</a></p>
+  </body>
+</html>