@forsakringskassan/cypress-config 1.9.2 → 1.10.0

package/README.md

@@ -78,6 +78,10 @@ It adds the following Vue plugins from `@fkui/vue`:
 - [`TranslationPlugin`](https://designsystem.forsakringskassan.se/latest/functions/plugins/translationplugin.html)
 - [`ValidationPlugin`](https://designsystem.forsakringskassan.se/latest/functions/plugins/validationplugin.html)
 
+Additionally, it also:
+
+- Treats Vue warnings as errors.
+
 To use, edit `cypress/support/component.ts`:
 
 ```diff

package/dist/support.d.ts

@@ -1,5 +1,6 @@
 import type * as FkuiVue from '@fkui/vue';
 import { mount as mount_2 } from 'cypress/vue';
+import { Plugin } from 'vue';
 
 /**
  * Configure plugins.
@@ -39,8 +40,17 @@ export declare function configure(options: {
  */
 export declare function createMount(options?: {
     fkuiVue?: typeof FkuiVue;
+    failOnWarning?: boolean;
 }): Promise<MountFn>;
 
+/**
+ * Fails Cypress test if a Vue warning is encountered.
+ *
+ * @public
+ * @since v1.10.0
+ */
+export declare function failOnWarningPlugin(): Plugin;
+
 /**
  * Wrapper around `mount()` from `cypress/vue` with new defaults.
  *

package/dist/support.mjs

@@ -99,16 +99,32 @@ async function configure(options) {
   }
 }
 
+// src/support/fail-on-warning-plugin.ts
+function failOnWarningPlugin() {
+  return {
+    install(app) {
+      const originalHandler = app.config.warnHandler;
+      app.config.warnHandler = (err, vm, info) => {
+        if (originalHandler) {
+          originalHandler(err, vm, info);
+        }
+        assert.fail([err, info].join("\n"));
+      };
+    }
+  };
+}
+
 // src/support/mount.ts
 import { mount as originalMount } from "cypress/vue";
 async function createMount(options) {
+  const { fkuiVue = await import("@fkui/vue"), failOnWarning = true } = options ?? {};
   const {
     FormatPlugin,
     TestPlugin,
     TranslationPlugin,
     ValidationPlugin,
     setRunningContext
-  } = options?.fkuiVue ?? await import("@fkui/vue");
+  } = fkuiVue;
   const plugins = [
     FormatPlugin,
     TestPlugin,
@@ -128,6 +144,9 @@ async function createMount(options) {
         setRunningContext(app);
       }
     });
+    if (failOnWarning) {
+      options2.global.plugins.push(failOnWarningPlugin());
+    }
     return originalMount(component, options2);
   };
 }
@@ -135,5 +154,6 @@ var mount = await createMount();
 export {
   configure,
   createMount,
+  failOnWarningPlugin,
   mount
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forsakringskassan/cypress-config",
-  "version": "1.9.2",
+  "version": "1.10.0",
   "description": "Sharable Cypress configuration building blocks for Försäkringskassan",
   "keywords": [
     "cypress"