Skip to content

Commit

Permalink
added tests for most common cases
Browse files Browse the repository at this point in the history
  • Loading branch information
fqborges committed Dec 27, 2018
1 parent 5880c7a commit 981e5d4
Show file tree
Hide file tree
Showing 32 changed files with 5,483 additions and 2 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
node_modules
180 changes: 180 additions & 0 deletions jest.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,180 @@
// For a detailed explanation regarding each configuration property, visit:
// https://jestjs.io/docs/en/configuration.html

module.exports = {
// All imported modules in your tests should be mocked automatically
// automock: false,

// Stop running tests after the first failure
// bail: false,

// Respect "browser" field in package.json when resolving modules
// browser: false,

// The directory where Jest should store its cached dependency information
// cacheDirectory: "C:\\Users\\fqborges\\AppData\\Local\\Temp\\jest",

// Automatically clear mock calls and instances between every test
// clearMocks: false,

// Indicates whether the coverage information should be collected while executing the test
// collectCoverage: false,

// An array of glob patterns indicating a set of files for which coverage information should be collected
// collectCoverageFrom: null,

// The directory where Jest should output its coverage files
// coverageDirectory: null,

// An array of regexp pattern strings used to skip coverage collection
// coveragePathIgnorePatterns: [
// "\\\\node_modules\\\\"
// ],

// A list of reporter names that Jest uses when writing coverage reports
// coverageReporters: [
// "json",
// "text",
// "lcov",
// "clover"
// ],

// An object that configures minimum threshold enforcement for coverage results
// coverageThreshold: null,

// Make calling deprecated APIs throw helpful error messages
// errorOnDeprecated: false,

// Force coverage collection from ignored files usin a array of glob patterns
// forceCoverageMatch: [],

// A path to a module which exports an async function that is triggered once before all test suites
// globalSetup: null,

// A path to a module which exports an async function that is triggered once after all test suites
// globalTeardown: null,

// A set of global variables that need to be available in all test environments
// globals: {},

// An array of directory names to be searched recursively up from the requiring module's location
// moduleDirectories: [
// "node_modules"
// ],

// An array of file extensions your modules use
// moduleFileExtensions: [
// "js",
// "json",
// "jsx",
// "node"
// ],

// A map from regular expressions to module names that allow to stub out resources with a single module
// moduleNameMapper: {},

// An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
// modulePathIgnorePatterns: [],

// Activates notifications for test results
// notify: false,

// An enum that specifies notification mode. Requires { notify: true }
// notifyMode: "always",

// A preset that is used as a base for Jest's configuration
// preset: null,

// Run tests from one or more projects
// projects: null,

// Use this configuration option to add custom reporters to Jest
// reporters: undefined,

// Automatically reset mock state between every test
// resetMocks: false,

// Reset the module registry before running each individual test
// resetModules: false,

// A path to a custom resolver
// resolver: null,

// Automatically restore mock state between every test
// restoreMocks: false,

// The root directory that Jest should scan for tests and modules within
// rootDir: null,

// A list of paths to directories that Jest should use to search for files in
// roots: [
// "<rootDir>"
// ],

// Allows you to use a custom runner instead of Jest's default test runner
// runner: "jest-runner",

// The paths to modules that run some code to configure or set up the testing environment before each test
// setupFiles: [],

// The path to a module that runs some code to configure or set up the testing framework before each test
// setupTestFrameworkScriptFile: null,

// A list of paths to snapshot serializer modules Jest should use for snapshot testing
// snapshotSerializers: [],

// The test environment that will be used for testing
testEnvironment: "node",

// Options that will be passed to the testEnvironment
// testEnvironmentOptions: {},

// Adds a location field to test results
// testLocationInResults: false,

// The glob patterns Jest uses to detect test files
// testMatch: [
// "**/__tests__/**/*.js?(x)",
// "**/?(*.)+(spec|test).js?(x)"
// ],

// An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
// testPathIgnorePatterns: [
// "\\\\node_modules\\\\"
// ],

// The regexp pattern Jest uses to detect test files
// testRegex: "",

// This option allows the use of a custom results processor
// testResultsProcessor: null,

// This option allows use of a custom test runner
// testRunner: "jasmine2",

// This option sets the URL for the jsdom environment. It is reflected in properties such as location.href
// testURL: "http://localhost",

// Setting this value to "fake" allows the use of fake timers for functions such as "setTimeout"
// timers: "real",

// A map from regular expressions to paths to transformers
// transform: null,

// An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
// transformIgnorePatterns: [
// "\\\\node_modules\\\\"
// ],

// An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
// unmockedModulePathPatterns: undefined,

// Indicates whether each individual test should be reported during the run
// verbose: null,

// An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
// watchPathIgnorePatterns: [],

// Whether to use watchman for file crawling
// watchman: true,
};
14 changes: 12 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
"description": "Package to fix style (css/sass/less) only entries generating a extra js file.",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
"test": "jest --detectOpenHandles"
},
"keywords": [
"webpack",
Expand All @@ -15,5 +15,15 @@
],
"author": "fqborges (https://github.com/fqborges)",
"license": "ISC",
"repository": "github:fqborges/webpack-fix-style-only-entries"
"repository": "github:fqborges/webpack-fix-style-only-entries",
"devDependencies": {
"css-loader": "^2.1.0",
"fs": "^0.0.1-security",
"jest": "^23.6.0",
"mini-css-extract-plugin": "^0.5.0",
"moment": "^2.23.0",
"rimraf": "^2.6.2",
"webpack": "^4.28.2",
"webpack-merge": "^4.1.5"
}
}
1 change: 1 addition & 0 deletions test/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
outputs
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
["script.js", "style.js", "style.css"]
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
console.log("hello");
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
html,
body {
width: 100%;
height: 100%;
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
const WebpackFixStyleOnlyEntries = require("../../../index.js");

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
entry: { script: "./script.js", style: "./style.css" },
module: {
rules: [
{
test: /\.css$/,
use: [MiniCssExtractPlugin.loader, "css-loader"],
},
],
},
plugins: [
new WebpackFixStyleOnlyEntries({ extensions: ["foo", "bar"] }),
new MiniCssExtractPlugin({
filename: "[name].css",
}),
],
};
1 change: 1 addition & 0 deletions test/cases/multi-js-entry-css-entry/expected.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
["script.js", "style.css"]
1 change: 1 addition & 0 deletions test/cases/multi-js-entry-css-entry/script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
console.log("hello");
5 changes: 5 additions & 0 deletions test/cases/multi-js-entry-css-entry/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
html,
body {
width: 100%;
height: 100%;
}
21 changes: 21 additions & 0 deletions test/cases/multi-js-entry-css-entry/webpack.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
const WebpackFixStyleOnlyEntries = require("../../../index.js");

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
entry: { script: "./script.js", style: "./style.css" },
module: {
rules: [
{
test: /\.css$/,
use: [MiniCssExtractPlugin.loader, "css-loader"],
},
],
},
plugins: [
new WebpackFixStyleOnlyEntries(),
new MiniCssExtractPlugin({
filename: "[name].css",
}),
],
};
3 changes: 3 additions & 0 deletions test/cases/multi-page+styles/apage.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
#a-page {
background-color: "blue";
}
1 change: 1 addition & 0 deletions test/cases/multi-page+styles/apage.js
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
console.log('a-page');
3 changes: 3 additions & 0 deletions test/cases/multi-page+styles/bpage.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
#b-page {
background-color: "red";
}
1 change: 1 addition & 0 deletions test/cases/multi-page+styles/bpage.js
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
console.log('b-page');
5 changes: 5 additions & 0 deletions test/cases/multi-page+styles/common.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
html,
body {
width: 100%;
height: 100%;
}
1 change: 1 addition & 0 deletions test/cases/multi-page+styles/expected.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
["apage.js", "bpage.js", "styles.css"]
37 changes: 37 additions & 0 deletions test/cases/multi-page+styles/webpack.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
const WebpackFixStyleOnlyEntries = require("../../../index.js");

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
entry: {
apage: ["./apage.js"],
bpage: ["./bpage.js"],
styles: ["./apage.css", "./bpage.css", "./common.css"],
},
module: {
rules: [
{
test: /\.css$/,
use: [MiniCssExtractPlugin.loader, "css-loader"],
},
],
},
optimization: {
splitChunks: {
chunks: "all",
cacheGroups: {
vendors: {
test: /[\\/]node_modules[\\/]/,
name: "vendor",
chunks: "all",
},
},
},
},
plugins: [
new WebpackFixStyleOnlyEntries(),
new MiniCssExtractPlugin({
filename: "[name].css",
}),
],
};
1 change: 1 addition & 0 deletions test/cases/single-js+css-entry/expected.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
["main.css", "main.js"]
5 changes: 5 additions & 0 deletions test/cases/single-js+css-entry/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
html,
body {
width: 100%;
height: 100%;
}
1 change: 1 addition & 0 deletions test/cases/single-js+css-entry/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
console.log("hello");
21 changes: 21 additions & 0 deletions test/cases/single-js+css-entry/webpack.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
const WebpackFixStyleOnlyEntries = require("../../../index.js");

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
entry: ["./index.js", "./index.css"],
module: {
rules: [
{
test: /\.css$/,
use: [MiniCssExtractPlugin.loader, "css-loader"],
},
],
},
plugins: [
new WebpackFixStyleOnlyEntries(),
new MiniCssExtractPlugin({
filename: "[name].css",
}),
],
};
1 change: 1 addition & 0 deletions test/cases/single-js-entry/expected.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
["main.js"]
1 change: 1 addition & 0 deletions test/cases/single-js-entry/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
console.log("hello");
6 changes: 6 additions & 0 deletions test/cases/single-js-entry/webpack.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
const WebpackFixStyleOnlyEntries = require("../../../index.js");

module.exports = {
entry: "./index",
plugins: [new WebpackFixStyleOnlyEntries()],
};
1 change: 1 addition & 0 deletions test/cases/vendor+multi-js-entry-css-entry/expected.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
["script.js", "style.css", "vendor.js"]
2 changes: 2 additions & 0 deletions test/cases/vendor+multi-js-entry-css-entry/script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
const moment = require("moment");
console.log(moment().toString('L'));
5 changes: 5 additions & 0 deletions test/cases/vendor+multi-js-entry-css-entry/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
html,
body {
width: 100%;
height: 100%;
}
Loading

0 comments on commit 981e5d4

Please sign in to comment.