test: output source map

Author: alexander-akait

test/__snapshots__/sourceMap-option.test.js.snap

@@ -262,6 +262,49 @@ Array [
 
 exports[`"sourceMap" option true should generate source maps and do not change "[contenthash]" on different platform: warnings 1`] = `Array []`;
 
+exports[`"sourceMap" option true should generate source maps when css was extracted and do not change "[contenthash]" on different platform: errors 1`] = `Array []`;
+
+exports[`"sourceMap" option true should generate source maps when css was extracted and do not change "[contenthash]" on different platform: extracted css 1`] = `
+".nested {
+  color: blue;
+}
+
+.class {
+  color: red;
+}
+
+
+/*# sourceMappingURL=main.xxxxxxxxxxxxxxxxxxxx.css.map*/"
+`;
+
+exports[`"sourceMap" option true should generate source maps when css was extracted and do not change "[contenthash]" on different platform: source map 1`] = `
+Object {
+  "file": "main.xxxxxxxxxxxxxxxxxxxx.css",
+  "mappings": "AAAA;EACE,WAAW;AACb;;ACAA;EACE,UAAU;AACZ",
+  "names": Array [],
+  "sourceRoot": "",
+  "sources": Array [
+    "webpack:///test/fixtures/source-map/nested/nested.css",
+    "webpack:///test/fixtures/source-map/basic.css",
+  ],
+  "sourcesContent": Array [
+    ".nested {
+  color: blue;
+}
+",
+    "@import \\"./nested/nested.css\\";
+
+.class {
+  color: red;
+}
+",
+  ],
+  "version": 3,
+}
+`;
+
+exports[`"sourceMap" option true should generate source maps when css was extracted and do not change "[contenthash]" on different platform: warnings 1`] = `Array []`;
+
 exports[`"sourceMap" option true should generate source maps when css was extracted: errors 1`] = `Array []`;
 
 exports[`"sourceMap" option true should generate source maps when css was extracted: extracted css 1`] = `

test/sourceMap-option.test.js

@@ -482,12 +482,16 @@ describe('"sourceMap" option', () => {
       expect(getErrors(stats)).toMatchSnapshot('errors');
     });
 
-    it.skip('should generate source maps when css was extracted and do not change "[contenthash]" on different platform', async () => {
+    it('should generate source maps when css was extracted and do not change "[contenthash]" on different platform', async () => {
       const compiler = getCompiler(
         './source-map/basic.js',
         {},
         {
           devtool: 'source-map',
+          // webpack@4 has bug
+          // It uses readableIdentifier to generate the sources, which uses the RequestShortener,
+          // which has some problems with paths that are 2 folders above the context
+          context: path.resolve(__dirname, '..'),
           output: {
             path: path.resolve(__dirname, '../outputs'),
             filename: '[name].bundle.js',
@@ -526,8 +530,8 @@ describe('"sourceMap" option', () => {
 
       expect(chunkName).toBe(
         webpack.version[0] === '5'
-          ? 'main.93ca7a8226bf6b9e8275.css'
-          : 'main.7232fe75dbf29c350324.css'
+          ? 'main.8189c1c4f956dd69079a.css'
+          : 'main.6aa45a5434fd0e992559.css'
       );
 
       expect(