test: realContentHash (#24)

Author: cap-Bernardito

test/CssMinimizerPlugin.test.js

@@ -1,4 +1,5 @@
 import path from 'path';
+import crypto from 'crypto';
 
 import { SourceMapConsumer } from 'source-map';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
@@ -390,4 +391,58 @@ describe('CssMinimizerPlugin', () => {
     expect(getErrors(stats)).toMatchSnapshot('errors');
     expect(getWarnings(stats)).toMatchSnapshot('warnings');
   });
+
+  it('should work and generate real content hash', async () => {
+    if (getCompiler.isWebpack4()) {
+      expect(true).toBe(true);
+    } else {
+      const compiler = getCompiler({
+        entry: {
+          entry: `${__dirname}/fixtures/entry.js`,
+        },
+        output: {
+          pathinfo: false,
+          path: path.resolve(__dirname, 'dist'),
+          filename: '[name].[contenthash].[chunkhash].[fullhash].js',
+          chunkFilename: '[name].[contenthash].[chunkhash].[fullhash].js',
+        },
+        optimization: {
+          minimize: false,
+          realContentHash: true,
+        },
+        plugins: [
+          new MiniCssExtractPlugin({
+            filename: '[name].[contenthash].[chunkhash].[fullhash].css',
+            chunkFilename: '[name].[contenthash].[chunkhash].[fullhash].css',
+          }),
+        ],
+      });
+
+      new CssMinimizerPlugin().apply(compiler);
+
+      const stats = await compile(compiler);
+      const {
+        compilation: {
+          assets,
+          options: { output },
+        },
+      } = stats;
+
+      for (const assetName of Object.keys(assets)) {
+        const [, webpackHash] = assetName.match(/^.+?\.(.+?)\..+$/);
+        const { hashDigestLength, hashDigest, hashFunction } = output;
+        const cryptoHash = crypto
+          .createHash(hashFunction)
+          .update(readAsset(assetName, compiler, stats))
+          .digest(hashDigest)
+          .slice(0, hashDigestLength);
+
+        expect(webpackHash).toBe(cryptoHash);
+      }
+
+      expect(readAssets(compiler, stats, '.css')).toMatchSnapshot('assets');
+      expect(getErrors(stats)).toMatchSnapshot('errors');
+      expect(getWarnings(stats)).toMatchSnapshot('warnings');
+    }
+  });
 });

test/__snapshots__/CssMinimizerPlugin.test.js.snap.webpack5

@@ -59,6 +59,16 @@ exports[`CssMinimizerPlugin should respect the hash options #1: errors 1`] = `Ar
 
 exports[`CssMinimizerPlugin should respect the hash options #1: warnings 1`] = `Array []`;
 
+exports[`CssMinimizerPlugin should work and generate real content hash: assets 1`] = `
+Object {
+  "entry.19e4764f9c1d9fe130e2.655a1d8e7614dda9272e.1afdccbeaec4b0402d74.css": "body{color:red}a{color:#00f}",
+}
+`;
+
+exports[`CssMinimizerPlugin should work and generate real content hash: errors 1`] = `Array []`;
+
+exports[`CssMinimizerPlugin should work and generate real content hash: warnings 1`] = `Array []`;
+
 exports[`CssMinimizerPlugin should work and show minimized assets in stats: assets 1`] = `
 Object {
   "foo.css": "body{color:red}a{color:#00f}",