test: contenthash

Author: alexander-akait

test/__snapshots__/loader.test.js.snap

@@ -290,6 +290,8 @@ exports[`loader should work with "asset" module type: warnings 1`] = `Array []`;
 
 exports[`loader should work with "sass-loader": errors 1`] = `Array []`;
 
+exports[`loader should work with "sass-loader": errors 2`] = `Array []`;
+
 exports[`loader should work with "sass-loader": module 1`] = `
 "// Imports
 var ___CSS_LOADER_API_IMPORT___ = require(\\"../../../src/runtime/api.js\\");
@@ -301,6 +303,12 @@ module.exports = exports;
 "
 `;
 
+exports[`loader should work with "sass-loader": module 2`] = `
+Array [
+  "main.747d79248a0219823c67.bundle.js",
+]
+`;
+
 exports[`loader should work with "sass-loader": result 1`] = `
 Array [
   Array [
@@ -316,6 +324,8 @@ Array [
 
 exports[`loader should work with "sass-loader": warnings 1`] = `Array []`;
 
+exports[`loader should work with "sass-loader": warnings 2`] = `Array []`;
+
 exports[`loader should work with ModuleConcatenationPlugin (file-loader): errors 1`] = `Array []`;
 
 exports[`loader should work with ModuleConcatenationPlugin (file-loader): warnings 1`] = `Array []`;

test/fixtures/contenthash/basic.js

@@ -0,0 +1,5 @@
+import css from './basic.scss';
+
+__export__ = css;
+
+export default css;

test/fixtures/contenthash/basic.scss

@@ -0,0 +1,7 @@
+a {
+  color: rgb(0 0 100% / 90%);
+
+  &:hover {
+    color: rebeccapurple;
+  }
+}

test/loader.test.js

@@ -308,4 +308,55 @@ describe('loader', () => {
     expect(getWarnings(stats)).toMatchSnapshot('warnings');
     expect(getErrors(stats)).toMatchSnapshot('errors');
   });
+
+  it('should work with "sass-loader"', async () => {
+    const compiler = getCompiler(
+      './contenthash/basic.js',
+      {},
+      {
+        output: {
+          path: path.resolve(__dirname, '../outputs'),
+          filename: '[name].[contenthash].bundle.js',
+          chunkFilename: '[name].[contenthash].chunk.js',
+          publicPath: '/webpack/public/path/',
+        },
+        module: {
+          rules: [
+            {
+              test: /\.s[ca]ss$/i,
+              rules: [
+                {
+                  loader: path.resolve(__dirname, '../src'),
+                  options: {
+                    sourceMap: true,
+                    importLoaders: 1,
+                  },
+                },
+                {
+                  loader: 'postcss-loader',
+                  options: {
+                    plugins: () => [postcssPresetEnv({ stage: 0 })],
+                    sourceMap: true,
+                  },
+                },
+                {
+                  loader: 'sass-loader',
+                  options: {
+                    // eslint-disable-next-line global-require
+                    implementation: require('sass'),
+                    sourceMap: true,
+                  },
+                },
+              ],
+            },
+          ],
+        },
+      }
+    );
+    const stats = await compile(compiler);
+
+    expect(Object.keys(stats.compilation.assets)).toMatchSnapshot('module');
+    expect(getWarnings(stats)).toMatchSnapshot('warnings');
+    expect(getErrors(stats)).toMatchSnapshot('errors');
+  });
 });