Update configs

cypress.config.ts

@@ -9,7 +9,7 @@ export default defineConfig({
   video: false,
   component: {
     setupNodeEvents(on, config) {
-      installCoverageTask(on, config);
+      // installCoverageTask(on, config);
       //Setting up a log task to allow logging to the console during an axe test because console.log() does not work directly in a test
       on("task", {
         log(message: string) {
@@ -25,6 +25,12 @@ export default defineConfig({
       return devServer({
         ...devServerConfig,
         framework: "react",
+        rspackConfig: {
+          ...require("./rspack.config").default,
+          experiments: {
+            lazyCompilation: !devServerConfig.cypressConfig.isTextTerminal,
+          },
+        },
       });
     },
     specPattern: "packages/**/src/**/*.cy.{js,ts,jsx,tsx}",

package.json

@@ -32,7 +32,7 @@
     "copy:icon:css": "yarn workspace @salt-ds/icons copy:css",
     "copy:countries:css": "yarn workspace @salt-ds/countries copy:css",
     "test": "vitest",
-    "test:components": "cypress run --component --browser chrome --headless",
+    "test:components": "cypress run --component --browser chrome",
     "test:components:local": "cypress open --component --browser electron",
     "prettier": "prettier --write .",
     "prettier:ci": "prettier --check .",

rspack.config.ts

@@ -7,6 +7,10 @@ export default defineConfig({
   target: "browserslist",
   module: {
     rules: [
+      {
+        test: /\.png$/,
+        type: "asset",
+      },
       {
         test: /\.css$/,
         use: ["style-loader", "css-loader", "postcss-loader"],
@@ -61,7 +65,4 @@ export default defineConfig({
     },
     extensions: ["...", ".ts", ".tsx", ".js", ".jsx", ".css"],
   },
-  experiments: {
-    lazyCompilation: true,
-  },
 });