test: add html attributes test

woai3c · Jan 1, 2023 · 01c4418 · 01c4418
1 parent 8966613
commit 01c4418
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 5 deletions.
diff --git a/examples/HTMLParser.html b/examples/HTMLParser.html
@@ -17,11 +17,14 @@
         console.log(parse('<html><body><div>test!</div><\/body><\/html>'))
         console.log(parse(`
             <html>
-                <body >
-                    <div>test!</div>
+                <body id=" body " data-index="1" >
+                    <div class="lightblue test">test!</div>
                 <\/body>
             <\/html>
         `))
+        console.log(parse(`
+            <div class="lightblue test" id=" div " data-index="1">test!</div>
+        `))
     </script>
 </body>
 </html>
diff --git a/src/HTMLParser.ts b/src/HTMLParser.ts
@@ -129,7 +129,7 @@ export default class Parser {
         }
 
         this.index++
-        ele.attributes[attr] = value
+        ele.attributes[attr] = value.trim()
         this.sliceHTML()
     }
 

diff --git a/tests/HTMLParser.spec.ts b/tests/HTMLParser.spec.ts
@@ -97,8 +97,30 @@ describe('HTMLParser test', () => {
         expect(htmlTemplate).toBe(JSON.stringify(html, null, 4))
     })
 
-    // TODO
+    const htmlTemplate3 = `{
+    "tagName": "div",
+    "attributes": {
+        "class": "lightblue test",
+        "id": "div",
+        "data-index": "1"
+    },
+    "children": [
+        {
+            "nodeValue": "test!",
+            "nodeType": 3
+        }
+    ],
+    "nodeType": 1
+}`
+
     test('parse html attributes', () => {
-
+        const parser = new HTMLParser()
+        const parseResult = JSON.stringify(
+            parser.parse('<div class="lightblue test" id=" div " data-index="1">test!</div>'), 
+            null, 
+            4,
+        )
+
+        expect(htmlTemplate3).toBe(parseResult)
     })
 })