fix: update dependencies and cypress configuration (#7)

* fix: update loader to use cypress extension loading capabilities
* build: remove package-lock.json from ignored files
* chore: update cypress version to latest cypress still using json config files
* ci: update cypress to v10
* test: disable video and screenshots on tests
* style: rename second plugin hook argument
* fix: remove unnecessary loop on extension loader
* fix: change browser. to chrome. for tests on chrome
* chore: add cypress open script to package.json
* build: update dependencies via ncu
* fix: downgrade nanoid to last version not using esm
* fix: remove extra debug log and ficxx find/replace errors

cypress.config.js

@@ -0,0 +1,13 @@
+const { defineConfig } = require('cypress')
+
+module.exports = defineConfig({
+  video: false,
+  screenshotOnRunFailure: false,
+  e2e: {
+    // We've imported your old cypress plugins here.
+    // You may want to clean this up later by importing these.
+    setupNodeEvents(on, config) {
+      return require('./cypress/plugins/index.js')(on, config)
+    },
+  },
+})

cypress/plugins/index.js

@@ -2,7 +2,7 @@ const extensionLoader = require('../../loader.js');
 const path = require('path');
 
 module.exports = (on, config) => {
-  on('before:browser:launch', (browser = {}, args) => (
+  on('before:browser:launch', (browser = {}, launchOptions) => (
     extensionLoader.load(
       path.join(config.fixturesFolder, 'unpacked'), {
         source: path.join(config.fixturesFolder, 'unpacked'),
@@ -18,6 +18,6 @@ module.exports = (on, config) => {
         source: path.join(config.fixturesFolder, 'crxpacked.crx'),
         alias: 'crxpacked',
       },
-    )(browser, args)
+    )(browser, launchOptions)
   ));
 };

helpers.js

@@ -1,4 +1,4 @@
-const nanoid = require('nanoid');
+const { nanoid } = require('nanoid');
 
 const common = require('./lib/common');
 

loader.js

@@ -10,7 +10,6 @@ const hookFilesDir = 'cypress-extension-hooks';
 
 const defaultOptions = {
   alias: defaultAlias,
-  validBrowsers: ['chrome'],
   skipHooks: false,
   cypressMatches: ['*://*/*/integration/*'],
   watch: true,
@@ -145,29 +144,16 @@ const whenAllBuilt = () => Promise.all(buildPromises);
 
 // for use in the on('before:browser:launch') Cypress hook
 // returns a promise resolving to the browser args once all the tempextensions are built
-function onBeforeBrowserLaunch(browser = {}, config) {
-
-  // In Cypress v3, second argument is `args` array
-  // In Cypress v4, second argument is `launchOptions` object with `args` array in it
-  const args = Array.isArray(config) ? config : config.args
-
+function onBeforeBrowserLaunch(browser = {}, launchOptions) {
   return whenAllBuilt().then(() => {
     const toLoad = definitions.filter(opts => (
       !opts.validBrowsers || opts.validBrowsers.includes(browser.name)
     ));
     if (toLoad.length > 0) {
-      const dirList = toLoad.map(o => o.destDir).join(',');
-      const existingLoadArgIndex = args.findIndex(arg => (
-        (typeof arg === 'string') && arg.startsWith('--load-extension=')
-      ));
-      if (existingLoadArgIndex >= 0) {
-        // eslint-disable-next-line no-param-reassign
-        args[existingLoadArgIndex] = `${args[existingLoadArgIndex]},${dirList}`;
-      } else {
-        args.push(`--load-extension=${dirList}`);
-      }
+      const dirList = toLoad.map(o => o.destDir)
+      launchOptions.extensions.push(...dirList)
     }
-    return config;
+    return launchOptions;
   });
 }