fix(tests): use path.resolve to generate outputFile path

update readme to reflect webpack's output.filename

Author: kevinchappell

README.md

@@ -348,8 +348,8 @@ By using a function instead of a string, you can use chunk data to customize the
 
 ```javascript
 const miniCssExtractPlugin = new MiniCssExtractPlugin({
-  filename: ({ name, chunkhash }) =>
-    `${name.replace('/js/', '/css/')}.[chunkhash:8].css`
+  filename: (chunkData) =>
+    `${chunkData.name.replace('/js/', '/css/')}.[chunkhash:8].css`
 })
 ```
 

src/index.js

@@ -135,7 +135,7 @@ class MiniCssExtractPlugin {
         this.options.chunkFilename = filename;
       } else {
         // Elsewise prefix '[id].' in front of the basename to make it changing
-        this.options.chunkFilename = DEFAULT_FILENAME.replace(
+        this.options.chunkFilename = filename.replace(
           /(^|\/)([^/]*(?:\?|$))/,
           '$1[id].$2'
         );

test/TestCases.test.js

@@ -85,10 +85,7 @@ describe('TestCases', () => {
           const expectedDirectory = path.resolve(directoryForCase, 'expected');
 
           for (const file of walkSync(expectedDirectory)) {
-            const actualFilePath = file.replace(
-              new RegExp(`/cases/${directory}/expected/`),
-              `/js/${directory}/`
-            );
+            const actualFilePath = path.resolve(outputDirectory, file);
             const expectedContent = fs.readFileSync(file, 'utf-8');
             const actualContent = fs.readFileSync(actualFilePath, 'utf-8');