chore: update tests to accept fake cdn assets

.gitignore

@@ -37,3 +37,4 @@ Thumbs.db
 .nx
 .webpack-cache
 .vscode
+.cdn-cache

dev-script.js

@@ -1,9 +1,10 @@
 const concurrently = require('concurrently')
 const path = require('path')
 const fs = require('fs')
+const { execSync } = require('child_process')
 
 const cdnPath = path.resolve(__dirname, './federation-cdn-mock')
-const cdnAssetsPath = path.resolve(__dirname, './federation-cdn-mock/distx')
+const cdnAssetsPath = path.resolve(__dirname, './federation-cdn-mock/dist')
 
 try {
   fs.statSync(cdnAssetsPath)  
@@ -12,6 +13,9 @@ try {
   fs.mkdirSync(cdnAssetsPath)
 }
 
+// ensure the deps exist before we start the servers
+execSync('npm run build', { cwd: cdnPath, stdio: 'inherit'})
+
 concurrently(
   [{
     cwd: cdnPath,

examples/test-app-e2e/project.json

@@ -7,6 +7,7 @@
     "e2e": {
       "executor": "@nx/cypress:cypress",
       "options": {
+        "skipServe": true,
         "cypressConfig": "examples/test-app-e2e/cypress.config.ts",
         "testingType": "e2e",
         "devServerTarget": "test-app:serve",

examples/test-app-e2e/src/e2e/test-app/module-loading-errors.cy.ts

@@ -3,7 +3,7 @@ describe('Module error loading handling', () => {
     cy.visit('http://localhost:4200/legacy');
 
     // intercept webpack chunk and return 500 response
-    cy.intercept('GET', '/src_modules_preLoad_tsx.js', {
+    cy.intercept('GET', 'http://localhost:8001/exposed-./PreLoadedModule.js', {
       statusCode: 500,
     });
 
@@ -16,7 +16,7 @@ describe('Module error loading handling', () => {
     cy.get('#render-preload-module').click();
     cy.wait(1000);
 
-    cy.contains(`Loading chunk src_modules_preLoad_tsx failed.`).should('exist');
+    cy.contains(`Loading chunk exposed-./PreLoadedModule failed.`).should('exist');
   });
 
   it('should handle runtime module error', () => {

federation-cdn-mock/webpack.config.js

@@ -110,10 +110,11 @@ function init() {
   /** @type { import("webpack").Configuration } */
   const config = {
     entry: {},
+    cache: { type: 'filesystem', cacheDirectory: resolve(__dirname, '.cdn-cache')},
     output: {
       publicPath: 'auto',
     },
-    mode: 'production',
+    mode: 'development',
     plugins: [TestSDKPLugin],
     module: {
       rules: [

package.json

@@ -11,7 +11,7 @@
     "dev": "node dev-script.js",
     "test:unit": "nx run-many -t test",
     "test:unit:affected": "nx affected -t test",
-    "test:e2e": "nx run test-app-e2e:e2e",
+    "test:e2e": "concurrently \"npm run dev\" \"nx run test-app-e2e:e2e\"",
     "test": "npm-run-all --parallel test:*",
     "build": "nx run-many -t build",
     "lint": "nx run-many -t lint",