Tests properly running on cypress

Author: Quantarius Ray

cypress.config.ts

@@ -1,21 +1,32 @@
-import { defineConfig } from 'cypress';
-import * as cyExtendsTask from '@bahmutov/cypress-extends';
-import * as cyCodeCoverageTask from '@cypress/code-coverage/task';
+import { defineConfig } from "cypress";
+import * as cyExtendsTask from "@bahmutov/cypress-extends";
+import * as cyCodeCoverageTask from "@cypress/code-coverage/task";
 
 export default defineConfig({
-  projectId: '4mhoqq',
+  projectId: "4mhoqq",
   chromeWebSecurity: false,
   retries: {
     runMode: 2,
-    openMode: 0
+    openMode: 0,
   },
   videoUploadOnPasses: false,
   e2e: {
     setupNodeEvents(on, config) {
       // implement node event listeners here
-      return Object.assign({}, cyCodeCoverageTask(on, config), cyExtendsTask(config.configFile));
+      return Object.assign(
+        {},
+        cyCodeCoverageTask(on, config),
+        cyExtendsTask(config.configFile)
+      );
     },
-    baseUrl: 'http://localhost:4200',
-    specPattern: 'cypress/e2e/**/*.ts'
-  }
+    baseUrl: "http://localhost:4200",
+    specPattern: "cypress/e2e/**/*.ts",
+  },
+  component: {
+    devServer: {
+      framework: "angular",
+      bundler: "webpack",
+    },
+    specPattern: "**/*.cy.ts",
+  },
 });