add nodeName/Type tests

QwikDev · Sep 17, 2021 · 730b56e · 730b56e · vercel · Sep 17, 2021
1 parent 0d8afe5
commit 730b56e
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 9 deletions.
diff --git a/tests/element/element.spec.ts b/tests/element/element.spec.ts
@@ -5,8 +5,16 @@ test('element', async ({ page }) => {
 
   await page.waitForSelector('.completed');
 
-  const test0 = page.locator('#test0');
-  await expect(test0).toHaveText('H1');
+  const testElementNameType = page.locator('#testElementNameType');
+  await expect(testElementNameType).toHaveText('DIV 1');
+
+  const testGetBoundingClientRectY = page.locator('#testGetBoundingClientRectY');
+  const y = await testGetBoundingClientRectY.textContent();
+  const yInt = parseFloat(y);
+  expect(yInt).toBeGreaterThan(4);
+
+  const testQSH1 = page.locator('#testQSH1');
+  await expect(testQSH1).toHaveText('H1');
 
   const testQSLength = page.locator('#testQSLength');
   await expect(testQSLength).toHaveText('2');
@@ -32,11 +40,6 @@ test('element', async ({ page }) => {
   const testSetAttribute = page.locator('#testSetAttribute');
   await expect(testSetAttribute).toHaveText('1985');
 
-  const testGetBoundingClientRectY = page.locator('#testGetBoundingClientRectY');
-  const y = await testGetBoundingClientRectY.textContent();
-  const yInt = parseFloat(y);
-  expect(yInt).toBeGreaterThan(4);
-
   const testAnchor = page.locator('#testAnchor');
   await expect(testAnchor).toHaveText('/element/some/other/path');
 

diff --git a/tests/element/index.html b/tests/element/index.html
@@ -54,6 +54,17 @@
   <body mph="88">
     <h1>Element</h1>
     <ul>
+      <li>
+        <strong>element, nodeName/Type</strong>
+        <code id="testElementNameType"></code>
+        <script type="text/partytown">
+          (function () {
+            const elm = document.createElement('div');
+            document.getElementById('testElementNameType').textContent = elm.nodeName + ' ' + elm.nodeType;
+          })();
+        </script>
+      </li>
+
       <li>
         <strong>getBoundingClientRect()</strong>
         <code id="testGetBoundingClientRectY"></code>
@@ -72,11 +83,11 @@ <h1>Element</h1>
 
       <li>
         <strong>querySelector('h1')</strong>
-        <code id="test0"></code>
+        <code id="testQSH1"></code>
         <script type="text/partytown">
           (function () {
             const elm = document.querySelector('h1');
-            document.getElementById('test0').innerHTML = elm.tagName;
+            document.getElementById('testQSH1').innerHTML = elm.tagName;
           })();
         </script>
       </li>

diff --git a/tests/node/index.html b/tests/node/index.html
@@ -52,6 +52,17 @@
   <body>
     <h1 class="title">Node</h1>
     <ul>
+      <li>
+        <strong>node, nodeName/Type</strong>
+        <code id="testNodeNameType"></code>
+        <script type="text/partytown">
+          (function () {
+            const text = document.createTextNode('Hello');
+            document.getElementById('testNodeNameType').textContent = text.nodeName + ' ' + text.nodeType;
+          })();
+        </script>
+      </li>
+
       <li>
         <strong>createElement() / appendChild()</strong>
         <code id="testInput"></code>

diff --git a/tests/node/node.spec.ts b/tests/node/node.spec.ts
@@ -5,6 +5,9 @@ test('node', async ({ page }) => {
 
   await page.waitForSelector('.completed');
 
+  const testNodeNameType = page.locator('#testNodeNameType');
+  await expect(testNodeNameType).toHaveText('#text 3');
+
   const testCheckbox = page.locator('#testCheckbox');
   await expect(testCheckbox).toBeChecked();