add gtm test

QwikDev · Sep 30, 2021 · d02e45a · d02e45a · vercel · Sep 30, 2021
1 parent 6a21299
commit d02e45a
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 1 deletion.
diff --git a/tests/integrations/gtm/gtm.spec.ts b/tests/integrations/gtm/gtm.spec.ts
@@ -0,0 +1,13 @@
+import { test, expect } from '@playwright/test';
+
+test('gtm', async ({ page }) => {
+  await page.goto('/integrations/gtm/');
+
+  await page.waitForSelector('.completed');
+
+  const buttonDataLayerPush = page.locator('#buttonDataLayerPush');
+  await buttonDataLayerPush.click();
+
+  const testDataLayer = page.locator('#testDataLayer');
+  await expect(testDataLayer).toHaveText('pushed');
+});
diff --git a/tests/integrations/gtm/index.html b/tests/integrations/gtm/index.html
@@ -42,6 +42,9 @@
         // gtmScript.src = './gtm.js?id=' + i + dataLayer;
 
         firstScript.parentNode.insertBefore(gtmScript, firstScript);
+
+        document.body.classList.add('completed');
+
       })(window, document, 'GTM-W275NLW');
     </script>
     <!-- End Google Tag Manager -->
@@ -93,14 +96,21 @@
   <body>
     <h1>Google Tag Manager (GTM) 🎉</h1>
 
-    <button onclick="gtmPush()">Partytown dataLayer.push()</button>
+    <p>
+      <strong>dataLayer.push</strong>
+      <span id="testDataLayer"></span>
+    </p>
     <script>
       function gtmPush() {
         const data = { event: 'button-click', from: 'partytown' };
         console.log(`GTM dataLayer.push(${JSON.stringify(data)})`);
         dataLayer.push({ event: 'button-click', from: 'partytown' });
+
+        const testDataLayer = document.getElementById('testDataLayer');
+        testDataLayer.textContent = 'pushed';
       }
     </script>
+    <button id="buttonDataLayerPush" onclick="gtmPush()">Partytown dataLayer.push()</button>
 
     <p><a href="/integrations/gtm/standard.html">Standard GTM</a></p>
     <p><a href="/integrations/">All Integration Tests</a></p>

diff --git a/tests/platform/anchor/index.html b/tests/platform/anchor/index.html
@@ -54,6 +54,7 @@
   <body >
     <h1>Anchor</h1>
 
+    <ul>
       <li>
         <strong>set/get a.href</strong>
         <div><a id="testAnchor"></a></div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -54,6 +54,7 @@ @@
       <body >
         <h1>Anchor</h1>
+        <ul>
           <li>
             <strong>set/get a.href</strong>
             <div><a id="testAnchor"></a></div>
@@ Expand Down @@