test: webpack resolver (#243)

test/__snapshots__/loader.test.js.snap

@@ -83,8 +83,30 @@ exports[`loader imports files listed in option argument and paths deps: errors 1
 
 exports[`loader imports files listed in option argument and paths deps: warnings 1`] = `Array []`;
 
+exports[`loader imports files listed in option argument and webpack alias: css 1`] = `
+".webpack-alias-1 {
+  color: #f00;
+}
+.webpack-alias-2 {
+  color: #ff7f50;
+}
+body {
+  font: 12px Helvetica, Arial, sans-serif;
+}
+a.button {
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+}
+"
+`;
+
+exports[`loader imports files listed in option argument and webpack alias: errors 1`] = `Array []`;
+
+exports[`loader imports files listed in option argument and webpack alias: warnings 1`] = `Array []`;
+
 exports[`loader imports files listed in option argument and webpack deps: css 1`] = `
-".other {
+".imported-in-web-modules {
   font-size: 2em;
 }
 body {
@@ -181,7 +203,7 @@ exports[`loader in a nested import load module from paths: errors 1`] = `Array [
 exports[`loader in a nested import load module from paths: warnings 1`] = `Array []`;
 
 exports[`loader in a nested import load module from webpack: css 1`] = `
-".other {
+".imported-in-web-modules {
   font-size: 2em;
 }
 "
@@ -201,7 +223,7 @@ exports[`loader in a nested import resolve css with webpack but not import: erro
 exports[`loader in a nested import resolve css with webpack but not import: warnings 1`] = `Array []`;
 
 exports[`loader resolve with webpack if stylus can't find it: css 1`] = `
-".other {
+".imported-in-web-modules {
   font-size: 2em;
 }
 "

test/fixtures/alias/1.styl

@@ -0,0 +1,2 @@
+.webpack-alias-1
+  color: red

test/fixtures/alias/2.styl

@@ -0,0 +1,2 @@
+.webpack-alias-2
+  color: coral

test/fixtures/import-webpack-alias.styl

@@ -0,0 +1,2 @@
+@import 'alias/1'
+@import '~alias/2'

test/fixtures/web_modules/in-web-modules/index.styl

@@ -1,2 +1,2 @@
-.other
-	font-size 2em
+.imported-in-web-modules
+	font-size 2em

test/helpers/getCompiler.js

@@ -34,18 +34,6 @@ export default (fixture, loaderOptions = {}, config = {}) => {
     plugins: [],
     resolve: {
       extensions: ['.js', '.css', '.styl'],
-      modules: [
-        'node_modules',
-        path.join(__dirname, '../', 'fixtures', 'web_modules'),
-      ],
-      alias: {
-        '~in-web-modules': path.join(
-          __dirname,
-          '../',
-          'fixtures',
-          'web_modules'
-        ),
-      },
     },
     ...config,
   };

test/loader.test.js

@@ -141,7 +141,15 @@ describe('loader', () => {
 
   it("resolve with webpack if stylus can't find it", async () => {
     const testId = './import-webpack.styl';
-    const compiler = getCompiler(testId);
+    const compiler = getCompiler(
+      testId,
+      {},
+      {
+        resolve: {
+          modules: [path.join(__dirname, 'fixtures', 'web_modules')],
+        },
+      }
+    );
     const stats = await compile(compiler);
     const codeFromBundle = getCodeFromBundle(stats, compiler);
 
@@ -178,7 +186,15 @@ describe('loader', () => {
 
   it('in a nested import load module from webpack', async () => {
     const testId = './shallow-webpack.styl';
-    const compiler = getCompiler(testId);
+    const compiler = getCompiler(
+      testId,
+      {},
+      {
+        resolve: {
+          modules: [path.join(__dirname, 'fixtures', 'web_modules')],
+        },
+      }
+    );
     const stats = await compile(compiler);
     const codeFromBundle = getCodeFromBundle(stats, compiler);
 
@@ -397,11 +413,19 @@ describe('loader', () => {
 
   it('imports files listed in option argument webpack style', async () => {
     const testId = './stylus.styl';
-    const compiler = getCompiler(testId, {
-      stylusOptions: {
-        import: ['~fakenib'],
+    const compiler = getCompiler(
+      testId,
+      {
+        stylusOptions: {
+          import: ['~fakenib'],
+        },
       },
-    });
+      {
+        resolve: {
+          modules: ['node_modules'],
+        },
+      }
+    );
     const stats = await compile(compiler);
     const codeFromBundle = getCodeFromBundle(stats, compiler);
 
@@ -412,11 +436,19 @@ describe('loader', () => {
 
   it('imports files listed in option "style" package.json', async () => {
     const testId = './stylus.styl';
-    const compiler = getCompiler(testId, {
-      stylusOptions: {
-        import: ['~fakestylus'],
+    const compiler = getCompiler(
+      testId,
+      {
+        stylusOptions: {
+          import: ['~fakestylus'],
+        },
       },
-    });
+      {
+        resolve: {
+          modules: ['node_modules'],
+        },
+      }
+    );
     const stats = await compile(compiler);
     const codeFromBundle = getCodeFromBundle(stats, compiler);
 
@@ -458,11 +490,44 @@ describe('loader', () => {
 
   it('imports files listed in option argument and webpack deps', async () => {
     const testId = './basic.styl';
-    const compiler = getCompiler(testId, {
-      stylusOptions: {
-        import: ['import-webpack.styl'],
+    const compiler = getCompiler(
+      testId,
+      {
+        stylusOptions: {
+          import: ['import-webpack.styl'],
+        },
       },
-    });
+      {
+        resolve: {
+          modules: [path.join(__dirname, 'fixtures', 'web_modules')],
+        },
+      }
+    );
+    const stats = await compile(compiler);
+    const codeFromBundle = getCodeFromBundle(stats, compiler);
+
+    expect(codeFromBundle.css).toMatchSnapshot('css');
+    expect(getWarnings(stats)).toMatchSnapshot('warnings');
+    expect(getErrors(stats)).toMatchSnapshot('errors');
+  });
+
+  it('imports files listed in option argument and webpack alias', async () => {
+    const testId = './basic.styl';
+    const compiler = getCompiler(
+      testId,
+      {
+        stylusOptions: {
+          import: ['import-webpack-alias.styl'],
+        },
+      },
+      {
+        resolve: {
+          alias: {
+            alias: path.resolve(__dirname, 'fixtures', 'alias'),
+          },
+        },
+      }
+    );
     const stats = await compile(compiler);
     const codeFromBundle = getCodeFromBundle(stats, compiler);