feat: add more e2e tests for MPR and add test mode and extension (#3180)

* tests: add various e2e tests for MPR and measurements

wip

add cypress config

feat: add mode and extension for testing

add hp applied through search params

add MPR tests

apply review comments

add more e2e tests

update yarn lock

* fix unit tests failing

platform/viewer/.webpack/webpack.pwa.js

@@ -29,18 +29,18 @@ const copyPluginFromExtensions = writePluginImportFile(SRC_DIR, DIST_DIR);
 
 const setHeaders = (res, path) => {
   if (path.indexOf('.gz') !== -1) {
-    res.setHeader('Content-Encoding', 'gzip')
+    res.setHeader('Content-Encoding', 'gzip');
   } else if (path.indexOf('.br') !== -1) {
-    res.setHeader('Content-Encoding', 'br')
+    res.setHeader('Content-Encoding', 'br');
   }
   if (path.indexOf('.pdf') !== -1) {
     res.setHeader('Content-Type', 'application/pdf');
   } else if (path.indexOf('/frames') !== -1) {
-    res.setHeader('Content-Type', 'multipart/related')
+    res.setHeader('Content-Type', 'multipart/related');
   } else {
-    res.setHeader('Content-Type', 'application/json')
+    res.setHeader('Content-Type', 'application/json');
   }
-}
+};
 
 module.exports = (env, argv) => {
   const baseConfig = webpackBase(env, argv, { SRC_DIR, DIST_DIR });
@@ -55,7 +55,7 @@ module.exports = (env, argv) => {
       path: DIST_DIR,
       filename: isProdBuild ? '[name].bundle.[chunkhash].js' : '[name].js',
       publicPath: PUBLIC_URL, // Used by HtmlWebPackPlugin for asset prefix
-      devtoolModuleFilenameTemplate: function (info) {
+      devtoolModuleFilenameTemplate: function(info) {
         if (isProdBuild) {
           return `webpack:///${info.resourcePath}`;
         } else {
@@ -146,12 +146,12 @@ module.exports = (env, argv) => {
       proxy: {
         '/dicomweb': 'http://localhost:5000',
       },
-      'static': [
+      static: [
         {
           directory: '../../testdata',
           staticOptions: {
             extensions: ['gz', 'br'],
-            index: "index.json.gz",
+            index: ['index.json.gz', 'index.mht.gz'],
             redirect: true,
             setHeaders,
           },

platform/viewer/.webpack/writePluginImportsFile.js

@@ -17,8 +17,9 @@ function constructLines(input, categoryName) {
   if (!input) return lines;
 
   input.forEach(entry => {
-    const packageName = entry.packageName;
+    if (entry.default === false) return;
 
+    const packageName = entry.packageName;
     const defaultImportName = `${categoryName}${pluginCount}`;
 
     lines.importLines.push(
@@ -66,7 +67,23 @@ function getRuntimeLoadModesExtensions() {
     ' for(const modeFactory of modesFactory) {\n' +
     '  const newModes = await modeFactory(modes,extensions);\n' +
     '  newModes.forEach(newMode => modes.push(newMode));\n' +
-    '}\n}\n'
+    '}\n}\n\n\n' +
+    'async function loadRuntimeImports(config) {\n' +
+    '  if (config && config.modes && config.modes.length) {\n' +
+    '    for (const modeName of config.modes) {\n' +
+    '      const existingMode = modes.find(mode => mode.id === modeName);\n' +
+    '      if (!existingMode) {\n' +
+    '        if (modeName === `@ohif/mode-test`) {\n' +
+    '          const mode = await import(`@ohif/mode-test`);\n' +
+    '          window.modes.push(mode.default);\n' +
+    '          const extension = await import(`@ohif/extension-test`);\n' +
+    '          window.extensions.push(extension.default);\n' +
+    '        }\n' +
+    '      }\n' +
+    '    };\n' +
+    '  }\n' +
+    '}\n' +
+    'export { loadRuntimeImports };\n\n'
   );
 }
 
@@ -201,11 +218,12 @@ function writePluginImportsFile(SRC_DIR, DIST_DIR) {
     'dist'
   );
 
-  console.log('copy plugins', [...copyPluginPublicToDistBuild,
-  ...copyPluginPublicToDistLink,
-  ...copyPluginDistToDistBuild,
-  ...copyPluginDistToDistLink,
-  ])
+  console.log('copy plugins', [
+    ...copyPluginPublicToDistBuild,
+    ...copyPluginPublicToDistLink,
+    ...copyPluginDistToDistBuild,
+    ...copyPluginDistToDistLink,
+  ]);
   return [
     ...copyPluginPublicToDistBuild,
     ...copyPluginPublicToDistLink,