refactor: valid.html

.prettierignore

@@ -7,4 +7,5 @@ pnpm-lock.yaml
 pnpm-workspace.yaml
 playground/tsconfig-json-load-error/has-error/tsconfig.json
 playground/html/invalid.html
+playground/html/valid.html
 playground/worker/classic-worker.js

playground/html/__tests__/html.spec.ts

@@ -242,3 +242,10 @@ describe.runIf(isServe)('invalid', () => {
     expect(content).toBeTruthy()
   })
 })
+
+describe('valid html', () => {
+  test('duplicated attrs', async () => {
+    await page.goto(viteTestUrl + '/valid.html')
+    expect(await getColor('#duplicated-attrs')).toBe('green')
+  })
+})

playground/html/index.html

@@ -8,13 +8,3 @@ <h1>Hello</h1>
 <link rel="icon" href="{{cdn_host}}/cdn/images/favicon.ico" />
 <link rel="stylesheet" href="{{cdn_host}}/css.css" type="text/css" />
 <script src="{{cdn_host}}/js.js"></script>
-
-<!-- accepted HTML parsing errors, browsers accept these -->
-<div foo="a" foo="b">Accept duplicated attribute</div>
-
-<!-- accepted HTML constructs -->
-<datalist>
-  <!-- prettier-ignore -->
-  <option value="option-without-closing-tag">
-</datalist>
-</datalist>

playground/html/valid.html

@@ -0,0 +1,7 @@
+<!-- accepted HTML parsing errors, browsers accept these -->
+<div id="duplicated-attrs" style="color: green;" style="color: red;">Accept duplicated attribute</div>
+
+<!-- accepted HTML constructs -->
+<datalist>
+  <option value="option-without-closing-tag">    
+</datalist>

playground/html/vite.config.js

@@ -26,7 +26,8 @@ module.exports = {
           __dirname,
           'unicode-path/中文-にほんご-한글-🌕🌖🌗/index.html'
         ),
-        linkProps: resolve(__dirname, 'link-props/index.html')
+        linkProps: resolve(__dirname, 'link-props/index.html'),
+        valid: resolve(__dirname, 'valid.html')
       }
     }
   },