test(index): loaders fails on nested imports

test/fixtures/less/folder/nested.less

@@ -0,0 +1,3 @@
+.nested-import {
+    background: <%= color %>;
+}

test/fixtures/less/import-nested.less

@@ -0,0 +1,5 @@
+.top-import {
+    background: <%= color %>;
+}
+
+@import "folder/nested.less";

test/helpers/moduleRules.js

@@ -1,6 +1,7 @@
 const lessLoader = require.resolve('../../src');
 const helperLoader = require.resolve('./helperLoader.js');
 const someFileLoader = require.resolve('./someFileLoader.js');
+const nestedFileLoader = require.resolve('./nestedFileLoader.js');
 
 function basic(lessLoaderOptions, lessLoaderContext = {}, inspectCallback = () => {}) {
   return [{
@@ -42,5 +43,24 @@ function nonLessImport(inspectCallback) {
   }];
 }
 
+function nestedImport(inspectCallback) {
+  return [{
+    test: /\.less$/,
+    loaders: [{
+      loader: helperLoader,
+    }, {
+      loader: 'inspect-loader',
+      options: {
+        callback: inspectCallback,
+      },
+    }, {
+      loader: lessLoader,
+    }, {
+      loader: nestedFileLoader,
+    }],
+  }];
+}
+
 exports.basic = basic;
 exports.nonLessImport = nonLessImport;
+exports.nestedImport = nestedImport;

test/helpers/nestedFileLoader.js

@@ -0,0 +1,5 @@
+function nestedFileLoader(source) {
+  return source.replace('<%= color %>', 'hotpink');
+}
+
+module.exports = nestedFileLoader;

test/index.test.js

@@ -157,6 +157,19 @@ test('should allow to import non-less files', async () => {
   expect(css).toMatch(/\.some-file {\s*background: hotpink;\s*}\s*/);
 });
 
+test('should run webpack loaders on nested imports', async () => {
+  let inspect;
+  const rules = moduleRules.nestedImport((i) => {
+    inspect = i;
+  });
+
+  await compile('import-nested', rules);
+
+  const [css] = inspect.arguments;
+
+  expect(css).toMatch(/\.top-import {\s*background: hotpink;\s*}\s*\.nested-import {\s*background: hotpink;\s*}\s*/);
+});
+
 test('should compile data-uri function', async () => {
   await compileAndCompare('data-uri');
 });