chore: CI and better snapshots

shigma · shigma · commit 0a65dcfe7fd0 · 2019-03-27T18:27:07.000+08:00
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -0,0 +1,32 @@
+version: 2.1
+
+executors:
+  node:
+    docker:
+      - image: circleci/node:10
+
+commands:
+  install:
+    steps:
+      - checkout
+      - run:
+          name: Install Dependencies
+          command: yarn install
+
+jobs:
+  test:
+    executor: node
+    steps:
+      - install
+      - run:
+          name: Lint Code
+          command: yarn lint
+      - run:
+          name: Test Code
+          command: yarn jest
+
+workflows:
+  version: 2
+  checks:
+    jobs:
+      - test
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
 yarn.lock
 yarn-error.log
+package-lock.json
 node_modules
 dist
diff --git a/__tests__/__snapshots__/index.spec.js.snap b/__tests__/__snapshots__/index.spec.js.snap
@@ -16,41 +16,49 @@ exports[`dehydation 404.html 1`] = `
           content
     >
     <link rel="preload"
-          href="/some/asset"
+          href="/assets/css/0.styles.css"
           as="style"
     >
     <link rel="preload"
-          href="/some/asset"
+          href="/assets/js/styles.js"
           as="script"
     >
     <link rel="preload"
-          href="/some/asset"
+          href="/assets/js/app.js"
+          as="script"
+    >
+    <link rel="preload"
+          href="/assets/js/2.js"
           as="script"
     >
     <link rel="prefetch"
-          href="/some/asset"
+          href="/assets/js/3.js"
     >
     <link rel="prefetch"
-          href="/some/asset"
+          href="/assets/js/4.js"
     >
     <link rel="prefetch"
-          href="/some/asset"
+          href="/assets/js/5.js"
     >
     <link rel="prefetch"
-          href="/some/asset"
+          href="/assets/js/6.js"
     >
     <link rel="stylesheet"
-          href="/some/asset"
+          href="/assets/css/0.styles.css"
     >
   </head>
   <body>
     <div id="app">
     </div>
-    <script src="/some/asset"
+    <script src="/assets/js/styles.js"
+            defer
+    >
+    </script>
+    <script src="/assets/js/2.js"
             defer
     >
     </script>
-    <script src="/some/asset"
+    <script src="/assets/js/app.js"
             defer
     >
     </script>
@@ -75,32 +83,36 @@ exports[`dehydation index.html 1`] = `
           content
     >
     <link rel="preload"
-          href="/some/asset"
+          href="/assets/css/0.styles.css"
           as="style"
     >
     <link rel="preload"
-          href="/some/asset"
+          href="/assets/js/styles.js"
           as="script"
     >
     <link rel="preload"
-          href="/some/asset"
+          href="/assets/js/app.js"
           as="script"
     >
     <link rel="preload"
-          href="/some/asset"
+          href="/assets/js/3.js"
+          as="script"
+    >
+    <link rel="preload"
+          href="/assets/js/5.js"
           as="script"
     >
     <link rel="prefetch"
-          href="/some/asset"
+          href="/assets/js/2.js"
     >
     <link rel="prefetch"
-          href="/some/asset"
+          href="/assets/js/4.js"
     >
     <link rel="prefetch"
-          href="/some/asset"
+          href="/assets/js/6.js"
     >
     <link rel="stylesheet"
-          href="/some/asset"
+          href="/assets/css/0.styles.css"
     >
   </head>
   <body>
@@ -115,15 +127,19 @@ exports[`dehydation index.html 1`] = `
       <div class="global-ui">
       </div>
     </div>
-    <script src="/some/asset"
+    <script src="/assets/js/styles.js"
+            defer
+    >
+    </script>
+    <script src="/assets/js/3.js"
             defer
     >
     </script>
-    <script src="/some/asset"
+    <script src="/assets/js/5.js"
             defer
     >
     </script>
-    <script src="/some/asset"
+    <script src="/assets/js/app.js"
             defer
     >
     </script>
@@ -148,7 +164,7 @@ exports[`dehydation noscript.html 1`] = `
           content
     >
     <link rel="stylesheet"
-          href="/some/asset"
+          href="/assets/css/0.styles.css"
     >
   </head>
   <body>
diff --git a/__tests__/docs/.vuepress/config.js b/__tests__/docs/.vuepress/config.js
@@ -1,8 +1,27 @@
+const { resolve } = require('path')
+const CSSExtractPlugin = require('mini-css-extract-plugin')
+
 module.exports = {
+  dest: resolve(__dirname, '../../dist'),
+
   plugins: [
     [require('../../..'), {
       noScript: 'noscript.html',
     }],
   ],
+
   evergreen: false,
+
+  chainWebpack (config) {
+    // do not use chunk hash in js
+    config
+      .output.filename('assets/js/[name].js')
+
+    // do not use chunk hash in css
+    config
+      .plugin('extract-css')
+      .use(CSSExtractPlugin, [{
+        filename: 'assets/css/styles.css',
+      }])
+  },
 }
diff --git a/__tests__/index.spec.js b/__tests__/index.spec.js
@@ -19,7 +19,6 @@ describe('dehydation', () => {
   function testForFile (name, file = name) {
     test(name, () => {
       const html = readFileSync(resolve(app.outDir, file), 'utf8')
-        .replace(/(src|href)="\/[\w./]+"/g, (_, $1) => $1 + '="/some/asset"')
       expect(html).toMatchSnapshot()
     })
   }
diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
     "test": "npm run lint & npm run jest"
   },
   "devDependencies": {
+    "@vuepress/core": "^1.0.0-alpha.44",
     "eslint": "^5.15.1",
     "eslint-config-standard": "^12.0.0",
     "eslint-plugin-import": "^2.14.0",

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,6 @@ describe('dehydation', () => {`
`19`	`19`	`function testForFile (name, file = name) {`
`20`	`20`	`test(name, () => {`
`21`	`21`	`const html = readFileSync(resolve(app.outDir, file), 'utf8')`
`22`		`- .replace(/(src\|href)="\/[\w./]+"/g, (_, $1) => $1 + '="/some/asset"')`
`23`	`22`	`expect(html).toMatchSnapshot()`
`24`	`23`	`})`
`25`	`24`	`}`