Merge pull request #16 from 42tte/42tte/test-resolve-package-json-filter

42tte/test resolve package json filter

Author: revelt

.gitignore

@@ -7,7 +7,7 @@
 .DS_Store
 
 # dependencies
-node_modules
+/node_modules/
 .npm
 
 # logs

CHANGELOG.md

@@ -10,7 +10,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 - enable import from `node_modules` - thanks [Kristoffer Nordström](https://github.com/42tte)
 - allow use of CSS [url() function syntax](https://developer.mozilla.org/en-US/docs/Web/CSS/url) - thanks [Kristoffer Nordström](https://github.com/42tte)
 
-
 For example:
 
 ```css

package.json

@@ -17,7 +17,8 @@
   "homepage": "https://github.com/eriklharper/postcss-nested-import",
   "scripts": {
     "unit": "uvu . '\\.test\\.(ts|js)$'",
-    "test": "c8 npm run unit && eslint ."
+    "test": "c8 npm run unit && eslint .",
+    "format": "prettier --write . --ignore-unknown"
   },
   "peerDependencies": {
     "postcss": "^8.3.0"

test/index.test.js

@@ -72,14 +72,22 @@ test("02 - two instances, different quote styles", async () => {
 test("03 - only @import in one line", async () => {
   await run(
     `@nested-import './test/mocks/vendor.css';`,
-    `.vendor { background: silver; }.vendor-font { font-size: 14px; }`
+    `.vendor {
+  background: silver;
+}.vendor-font {
+  font-size: 14px;
+}`
   );
 });
 
 test("04 - replaces @nested-import nested under :global", async () => {
   await run(
     `:global { @nested-import './test/mocks/vendor.css'; background: gold; }`,
-    `:global { .vendor { background: silver; } .vendor-font { font-size: 14px; } background: gold; }`
+    `:global { .vendor {
+  background: silver;
+} .vendor-font {
+  font-size: 14px;
+} background: gold; }`
   );
 });
 
@@ -189,4 +197,11 @@ test("09 - url() function with line breaks", async () => {
   );
 });
 
+test("10 - package.json filter style, main & index", async () => {
+  await run(
+    `@nested-import './test/mocks/node_modules/style'; @nested-import './test/mocks/node_modules/main'; @nested-import './test/mocks/node_modules/index';`,
+    `.style {} .main {} .index {}`
+  );
+});
+
 test.run();

test/mocks/node_modules/index/index.css

@@ -1,2 +1,6 @@
-.vendor { background: silver; }
-.vendor-font { font-size: 14px; }
+.vendor {
+  background: silver;
+}
+.vendor-font {
+  font-size: 14px;
+}