test: the webpack export field (#1189)

webpack-contrib · Feb 14, 2024 · a8198df · a8198df
1 parent a692622
commit a8198df
Show file tree

Hide file tree

Showing 10 changed files with 95 additions and 0 deletions.
diff --git a/test/__snapshots__/loader.test.js.snap b/test/__snapshots__/loader.test.js.snap
@@ -470389,6 +470389,46 @@ Deprecation Warning on line 89, column 26 of file:///node_modules/@material/touc
 ]
 `;
 
+exports[`loader should work with the "webpack" export field ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = `
+".webpack_file_scss {
+  color: red;
+}"
+`;
+
+exports[`loader should work with the "webpack" export field ('dart-sass', 'legacy' API, 'sass' syntax): errors 1`] = `[]`;
+
+exports[`loader should work with the "webpack" export field ('dart-sass', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`;
+
+exports[`loader should work with the "webpack" export field ('dart-sass', 'legacy' API, 'scss' syntax): css 1`] = `
+".webpack_file_scss {
+  color: red;
+}"
+`;
+
+exports[`loader should work with the "webpack" export field ('dart-sass', 'legacy' API, 'scss' syntax): errors 1`] = `[]`;
+
+exports[`loader should work with the "webpack" export field ('dart-sass', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`;
+
+exports[`loader should work with the "webpack" export field ('sass-embedded', 'legacy' API, 'sass' syntax): css 1`] = `
+".webpack_file_scss {
+  color: red;
+}"
+`;
+
+exports[`loader should work with the "webpack" export field ('sass-embedded', 'legacy' API, 'sass' syntax): errors 1`] = `[]`;
+
+exports[`loader should work with the "webpack" export field ('sass-embedded', 'legacy' API, 'sass' syntax): warnings 1`] = `[]`;
+
+exports[`loader should work with the "webpack" export field ('sass-embedded', 'legacy' API, 'scss' syntax): css 1`] = `
+".webpack_file_scss {
+  color: red;
+}"
+`;
+
+exports[`loader should work with the "webpack" export field ('sass-embedded', 'legacy' API, 'scss' syntax): errors 1`] = `[]`;
+
+exports[`loader should work with the "webpack" export field ('sass-embedded', 'legacy' API, 'scss' syntax): warnings 1`] = `[]`;
+
 exports[`loader should work with the 'resolve.byDependency.sass' option ('dart-sass', 'legacy' API, 'sass' syntax): css 1`] = `
 ".a {
   color: red;

diff --git a/test/helpers/getCodeFromSass.js b/test/helpers/getCodeFromSass.js
@@ -320,6 +320,10 @@ async function getCodeFromSass(testId, options, context = {}) {
   const pathToCustomMainFiles = isSass
     ? path.resolve(testFolder, "sass/custom-main-files/custom.sass")
     : path.resolve(testFolder, "scss/custom-main-files/custom.scss");
+  const pathToWebpackExportField = path.resolve(
+    testFolder,
+    "node_modules/webpack-export-field/dist/styles/webpack/file.scss",
+  );
 
   // Pseudo importer for tests
   function testImporter(url) {
@@ -729,6 +733,10 @@ async function getCodeFromSass(testId, options, context = {}) {
 
       // eslint-disable-next-line no-param-reassign
       url = url
+        .replace(
+          /^webpack-export-field\/styles\/file$/,
+          pathToWebpackExportField,
+        )
         .replace(/^path-to-alias/, pathToAlias)
         .replace(
           /^package-with-style-field-and-css/,

diff --git a/test/loader.test.js b/test/loader.test.js
@@ -2123,6 +2123,25 @@ describe("loader", () => {
           expect(getErrors(stats)).toMatchSnapshot("errors");
           expect(logs).toMatchSnapshot("logs");
         });
+
+        if (!isModernAPI) {
+          it(`should work with the "webpack" export field ('${implementationName}', '${api}' API, '${syntax}' syntax)`, async () => {
+            const testId = getTestId("webpack-export-field", syntax);
+            const options = {
+              implementation,
+              api,
+            };
+            const compiler = getCompiler(testId, { loader: { options } });
+            const stats = await compile(compiler);
+            const codeFromBundle = getCodeFromBundle(stats, compiler);
+            const codeFromSass = await getCodeFromSass(testId, options);
+
+            expect(codeFromBundle.css).toBe(codeFromSass.css);
+            expect(codeFromBundle.css).toMatchSnapshot("css");
+            expect(getWarnings(stats)).toMatchSnapshot("warnings");
+            expect(getErrors(stats)).toMatchSnapshot("errors");
+          });
+        }
       }
     });
   });

diff --git a/test/node_modules/webpack-export-field/dist/styles/file.css b/test/node_modules/webpack-export-field/dist/styles/file.css
diff --git a/test/node_modules/webpack-export-field/dist/styles/file.scss b/test/node_modules/webpack-export-field/dist/styles/file.scss
diff --git a/test/node_modules/webpack-export-field/dist/styles/webpack/file.css b/test/node_modules/webpack-export-field/dist/styles/webpack/file.css
diff --git a/test/node_modules/webpack-export-field/dist/styles/webpack/file.scss b/test/node_modules/webpack-export-field/dist/styles/webpack/file.scss
diff --git a/test/node_modules/webpack-export-field/package.json b/test/node_modules/webpack-export-field/package.json
diff --git a/test/sass/webpack-export-field.sass b/test/sass/webpack-export-field.sass
@@ -0,0 +1 @@
+@import "webpack-export-field/styles/file"
diff --git a/test/scss/webpack-export-field.scss b/test/scss/webpack-export-field.scss
@@ -0,0 +1 @@
+@import "webpack-export-field/styles/file";