test: added tests

Author: joseprio

test/__snapshots__/esModules-options.test.js.snap

@@ -0,0 +1,6 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EsModules should generate ES6 modules 1`] = `
+"// extracted by mini-css-extract-plugin
+export default {\\"test\\":\\"MHBvAShXnAxWEC-jxsBd\\"};"
+`;

test/cases/esModules/expected/main.css

@@ -0,0 +1,7 @@
+body {
+  background: red;
+}
+
+.test {
+  color: black;
+}

test/cases/esModules/index.js

@@ -0,0 +1,2 @@
+/* eslint-disable */
+import styles from './style.css';

test/cases/esModules/style.css

@@ -0,0 +1,7 @@
+body {
+  background: red;
+}
+
+.test {
+  color: black;
+}

test/cases/esModules/webpack.config.js

@@ -0,0 +1,31 @@
+import Self from '../../../src';
+
+module.exports = {
+  entry: './index.js',
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          {
+            loader: Self.loader,
+            options: {
+              esModules: true,
+            },
+          },
+          {
+            loader: 'css-loader',
+            options: {
+              modules: true,
+            },
+          },
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new Self({
+      filename: '[name].css',
+    }),
+  ],
+};

test/esModules-options.test.js

@@ -0,0 +1,34 @@
+import path from 'path';
+
+import webpack from 'webpack';
+
+describe('EsModules', () => {
+  it('should generate ES6 modules', (done) => {
+    const casesDirectory = path.resolve(__dirname, 'cases');
+    const directoryForCase = path.resolve(casesDirectory, 'esModules');
+    // eslint-disable-next-line import/no-dynamic-require, global-require
+    const webpackConfig = require(path.resolve(
+      directoryForCase,
+      'webpack.config.js'
+    ));
+    const compiler = webpack({
+      ...webpackConfig,
+      mode: 'development',
+      context: directoryForCase,
+      cache: false,
+    });
+
+    compiler.run((err1, stats) => {
+      const { modules } = stats.toJson();
+      let foundModule = false;
+      modules.forEach((module) => {
+        if (module.name === './style.css') {
+          foundModule = true;
+          expect(module.source).toMatchSnapshot();
+        }
+      });
+      expect(foundModule).toBe(true);
+      done();
+    });
+  });
+});