refactor(tools): use static templates to generate cypress config files

Author: Hotell

tools/generators/cypress-component-configuration/files/.gitkeep

@@ -0,0 +1,3 @@
+import { baseConfig } from '@fluentui/scripts-cypress';
+
+export default baseConfig;

tools/generators/cypress-component-configuration/files/cypress.config.ts__tmpl__

@@ -0,0 +1,9 @@
+{
+  "extends":"./tsconfig.json",
+  "compilerOptions":{
+    "isolatedModules":false,
+    "types":["node", "cypress", "cypress-storybook/cypress", "cypress-real-events"],
+    "lib":["ES2019", "dom"]
+  },
+  "include":["**/*.cy.ts", "**/*.cy.tsx"]
+}

tools/generators/cypress-component-configuration/files/tsconfig.cy.json__tmpl__

@@ -42,7 +42,8 @@ describe(`cypress-component-configuration`, () => {
     expect(tree.read('packages/one/cypress.config.ts', 'utf-8')).toMatchInlineSnapshot(`
       "import { baseConfig } from '@fluentui/scripts-cypress';
 
-      export default baseConfig;"
+      export default baseConfig;
+      "
     `);
     expect(readJson(tree, 'packages/one/tsconfig.json').references).toEqual(
       expect.arrayContaining([

tools/generators/cypress-component-configuration/index.spec.ts

@@ -1,4 +1,4 @@
-import { stripIndents, Tree, updateJson, writeJson } from '@nrwl/devkit';
+import { stripIndents, Tree, updateJson, generateFiles, joinPathFragments } from '@nrwl/devkit';
 import * as path from 'path';
 
 import { PackageJson, TsConfig } from '../../../types';
@@ -25,9 +25,7 @@ const templates = {
 type Options = ReturnType<typeof getProjectConfig>;
 
 export function addFiles(tree: Tree, options: Options) {
-  tree.write(options.paths.cypressConfig, templates.config);
-
-  writeJson<TsConfig>(tree, options.paths.tsconfig.cypress, templates.tsconfig);
+  generateFiles(tree, joinPathFragments(__dirname, '../files'), options.projectConfig.root, { tmpl: '' });
 
   updateJson(tree, options.paths.tsconfig.main, (json: TsConfig) => {
     json.references?.push({