test: html-webpack-plugin integration

haoqunjiang · haoqunjiang · commit 14ade7fbfc81 · 2020-11-05T22:10:38.000+08:00
diff --git a/package.json b/package.json
@@ -51,6 +51,7 @@
     "cache-loader": "^4.1.0",
     "css-loader": "^4.3.0",
     "file-loader": "^6.1.0",
+    "html-webpack-plugin": "^4.5.0",
     "jest": "^26.4.1",
     "jsdom": "^16.4.0",
     "lint-staged": "^10.3.0",
diff --git a/test/edgeCases.spec.ts b/test/edgeCases.spec.ts
@@ -1,4 +1,6 @@
-import { bundle, mockBundleAndRun, normalizeNewline } from './utils'
+import * as path from 'path'
+import HTMLPlugin from 'html-webpack-plugin'
+import { mfs, bundle, mockBundleAndRun, normalizeNewline } from './utils'
 
 // @ts-ignore
 function assertComponent({
@@ -111,7 +113,21 @@ test('should not duplicate css modules value imports', async () => {
 })
 
 // #1213
-test.todo('html-webpack-plugin')
+test('html-webpack-plugin', async () => {
+  await bundle({
+    entry: 'basic.vue',
+    plugins: [
+      new HTMLPlugin({
+        inject: true,
+        template: path.resolve(__dirname, 'fixtures/index.html'),
+        filename: 'output.html',
+      }),
+    ],
+  })
+
+  const html = mfs.readFileSync('/output.html', 'utf-8')
+  expect(html).toMatch('test.build.js')
+})
 
 // #1239
 test('usage with null-loader', async () => {
diff --git a/test/fixtures/index.html b/test/fixtures/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title></title>
+  </head>
+  <body>
+  </body>
+</html>
diff --git a/test/utils.ts b/test/utils.ts
@@ -167,3 +167,5 @@ export function normalizeNewline(input: string): string {
 export function genId(fixtureName: string): string {
   return hash(path.join('test', 'fixtures', fixtureName).replace(/\\/g, '/'))
 }
+
+export { mfs }
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -167,3 +167,5 @@ export function normalizeNewline(input: string): string {`
`167`	`167`	`export function genId(fixtureName: string): string {`
`168`	`168`	`return hash(path.join('test', 'fixtures', fixtureName).replace(/\\/g, '/'))`
`169`	`169`	`}`
	`170`	`+`
	`171`	`+export { mfs }`