temp fix: resolve mini-css-extractor-plugin to an older version for c…

…ra-template & projects-test (microsoft#21295)

* temp fix: resolve mini-css-extractor-plugin to older version

* Change files

* add temp fix to northstar projects test

* remove console log

change/@fluentui-cra-template-69213d33-73e4-4b2f-b41a-09cc17439a07.json

@@ -0,0 +1,7 @@
+{
+ "type": "none",
+ "comment": "temp fix: resolve mini-css-extractor-plugin to older version to fix error.",
+ "packageName": "@fluentui/cra-template",
+ "email": "tristan.watanabe@gmail.com",
+ "dependentChangeType": "none"
+}

packages/cra-template/scripts/test.ts

@@ -77,6 +77,14 @@ async function runE2ETest() {
 
  logger('STEP 2. Create test React app from template');
  await prepareCreateReactApp(tempPaths, `file:${templatePath}`);
+ /**
+ * This is a temporary quick-fix solution. Remove once issue with mini-css-extract-plugin
+ * is resolved @see https://github.com/facebook/create-react-app/issues/11930
+ */
+ const parsedJSON = JSON.parse(fs.readFileSync(`${tempPaths.testApp}/package.json`, 'utf-8'));
+ parsedJSON.resolutions['mini-css-extract-plugin'] = '2.4.5';
+ fs.writeFileSync(`${tempPaths.testApp}/package.json`, JSON.stringify(parsedJSON));
+
  await shEcho('yarn add cross-env', tempPaths.testApp);
  logger(`✔️ Test React app is successfully created: ${tempPaths.testApp}`);
 

packages/fluentui/projects-test/src/createReactApp.ts

@@ -37,6 +37,14 @@ export async function createReactApp() {
  const packedPackages = await packProjectPackages(logger, config.paths.packages(), ['@fluentui/react-northstar']);
  await addResolutionPathsForProjectPackages(testAppPath());
 
+ /**
+ * This is a temporary quick-fix solution. Remove once issue with mini-css-extract-plugin
+ * is resolved @see https://github.com/facebook/create-react-app/issues/11930
+ */
+ const parsedJSON = JSON.parse(fs.readFileSync(`${tempPaths.testApp}/package.json`, 'utf-8'));
+ parsedJSON.resolutions['mini-css-extract-plugin'] = '2.4.5';
+ fs.writeFileSync(`${tempPaths.testApp}/package.json`, JSON.stringify(parsedJSON));
+
  await shEcho(`yarn add ${packedPackages['@fluentui/react-northstar']}`, testAppPath());
  logger(`✔️ Fluent UI packages were added to dependencies`);