Add test for nested import ordering

test/fixtures/imports/foo-first.css

@@ -0,0 +1,5 @@
+@import "bar.css";
+
+foo.first{
+  color: red;
+}

test/fixtures/imports/foo-second.css

@@ -0,0 +1,5 @@
+@import "bar.css";
+
+foo.second{
+  color: blue;
+}

test/fixtures/order.css

@@ -0,0 +1,6 @@
+@import "foo-first.css";
+@import "foo-second.css";
+
+.baz {
+  color: green;
+}

test/fixtures/order.expected.css

@@ -0,0 +1,13 @@
+bar{}
+
+foo.first{
+  color: red;
+}
+
+foo.second{
+  color: blue;
+}
+
+.baz {
+  color: green;
+}

test/order.js

@@ -0,0 +1,39 @@
+import test from "ava"
+import compareFixtures from "./helpers/compare-fixtures"
+
+test(`should order nested imports correctly`, t => {
+  var first = true
+  var resolve = require("resolve")
+
+  return compareFixtures(t, "order", {
+    path: "fixtures/imports",
+    resolve: (id, base, opts) => {
+      var resolveOpts = {
+        basedir: base,
+        moduleDirectory: [],
+        paths: opts.path,
+        extensions: [ ".css" ],
+      }
+
+      return new Promise(function(res, rej) {
+        var doResolve = () => {
+          resolve(id, resolveOpts, function(err, path) {
+            if (err) {
+              return rej(err)
+            }
+            res(path)
+          })
+        }
+
+        if (first) {
+          // Delay the first import so the second gets loaded first
+          setTimeout(doResolve, 100)
+          first = false
+        }
+        else {
+          doResolve()
+        }
+      })
+    },
+  })
+})