fix: update fixed storyblok-js (#795)

Author: edodusi

cypress/components/index.cy.ts

@@ -32,7 +32,7 @@ describe('@storyblok/vue', () => {
   beforeEach(() => {
     cy.spy(window.console, 'log').as('log');
     cy.spy(window.console, 'error').as('error');
-    delete window.storyblokRegisterEvent;
+    delete (window as any).storyblokRegisterEvent;
     document.getElementById('storyblok-javascript-bridge')?.remove();
   });
 
@@ -206,51 +206,28 @@ describe('@storyblok/vue', () => {
         components: { Teaser, Grid, Page, Feature },
       });
 
-      cy.get('[data-test=root]')
-        .children()
-        .find('h1')
-        .should('have.text', 'Headline 1');
+      cy.contains('h1', 'Headline 1', { timeout: 1000 });
     });
 
     it('Should render headline tags correctly', () => {
       prepare({ use: [apiPlugin] }, RichText, {
         components: { Teaser, Grid, Page, Feature },
       });
 
-      cy.get('[data-test=root]')
-        .children()
-        .find('h1')
-        .should('have.text', 'Headline 1');
-      cy.get('[data-test=root]')
-        .children()
-        .find('h2')
-        .should('have.text', 'Headline 2');
-      cy.get('[data-test=root]')
-        .children()
-        .find('h3')
-        .should('have.text', 'Headline 3');
-      cy.get('[data-test=root]')
-        .children()
-        .find('h4')
-        .should('have.text', 'Headline 4');
-      cy.get('[data-test=root]')
-        .children()
-        .find('h5')
-        .should('have.text', 'Headline 5');
-      cy.get('[data-test=root]')
-        .children()
-        .find('h6')
-        .should('have.text', 'Headline 6');
+      cy.contains('h1', 'Headline 1', { timeout: 1000 });
+      cy.contains('h2', 'Headline 2', { timeout: 1000 });
+      cy.contains('h3', 'Headline 3', { timeout: 1000 });
+      cy.contains('h4', 'Headline 4', { timeout: 1000 });
+      cy.contains('h5', 'Headline 5', { timeout: 1000 });
+      cy.contains('h6', 'Headline 6', { timeout: 1000 });
     });
 
     it('Should render images correctly', () => {
       prepare({ use: [apiPlugin] }, RichText, {
         components: { Teaser, Grid, Page, Feature },
       });
 
-      cy.get('[data-test=root]')
-        .children()
-        .find('img')
+      cy.get('img')
         .should(
           'have.attr',
           'src',
@@ -263,9 +240,7 @@ describe('@storyblok/vue', () => {
         components: { Teaser, Grid, Page, Feature },
       });
 
-      cy.get('[data-test=root]')
-        .children()
-        .find('a')
+      cy.get('a')
         .should('have.attr', 'href', 'https://storyblok.com/');
     });
 
@@ -274,10 +249,9 @@ describe('@storyblok/vue', () => {
         components: { IframeEmbed },
       });
 
-      cy.get('[data-test=root]')
-        .children()
-        .find('iframe')
-        .should('have.attr', 'src', 'https://storyblok.com/');
+      cy.get('iframe')
+        .should('exist')
+        .and('have.attr', 'src', 'https://storyblok.com/');
     });
 
     it('should redirect internal links', () => {

cypress/components/testing-components/Essential.vue

@@ -15,6 +15,7 @@ const blokProd = {
 const storyblokApi = useStoryblokApi();
 const apiExists = !!(storyblokApi && typeof storyblokApi.get === 'function');
 
+// eslint-disable-next-line no-console
 onMounted(() => useStoryblokBridge(12345, () => console.log('hola')));
 </script>
 

cypress/components/testing-components/RichTextChild.vue

@@ -1,32 +1,33 @@
 <script setup lang="ts">
 import {
-  useStoryblok,
+  MarkTypes,
   StoryblokRichText,
   type StoryblokRichTextNode,
-  MarkTypes,
-} from "@storyblok/vue";
-import { type VNode, h } from "vue";
-import { RouterLink } from "vue-router";
-const story = await useStoryblok("vue/test-richtext", { version: "draft" });
+  useStoryblok,
+} from '@storyblok/vue';
+import { h, type VNode } from 'vue';
+import { RouterLink } from 'vue-router';
+
+const story = await useStoryblok('vue/test-richtext', { version: 'draft' });
 
 const resolvers = {
   [MarkTypes.LINK]: (node: StoryblokRichTextNode<VNode>) => {
-    return node.attrs?.linktype === "STORY"
+    return node.attrs?.linktype === 'STORY'
       ? h(
           RouterLink,
           {
             to: node.attrs?.href,
             target: node.attrs?.target,
           },
-          node.text
+          node.text,
         )
       : h(
-          "a",
+          'a',
           {
             href: node.attrs?.href,
             target: node.attrs?.target,
           },
-          node.text
+          node.text,
         );
   },
 };

cypress/support/commands.ts

@@ -34,4 +34,4 @@
 //       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
 //     }
 //   }
-// }
+// }

cypress/support/component.ts

@@ -1,3 +1,4 @@
+/* eslint-disable ts/no-namespace */
 // ***********************************************************
 // This example support/component.ts is processed and
 // loaded automatically before your test files.
@@ -19,23 +20,23 @@
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
 
-import { mount } from "cypress/vue";
+import { mount } from 'cypress/vue';
 
 // Augment the Cypress namespace to include type definitions for
 // your custom command.
 // Alternatively, can be defined in cypress/support/component.d.ts
 // with a <reference path="./component" /> at the top of your spec.
 declare global {
-  // eslint-disable-next-line no-unused-vars
+
   namespace Cypress {
-    // eslint-disable-next-line no-unused-vars
+
     interface Chainable {
       mount: typeof mount;
     }
   }
 }
 
-Cypress.Commands.add("mount", mount);
+Cypress.Commands.add('mount', mount);
 
 // Example use:
 // cy.mount(MyComponent)

cypress/support/e2e.ts

@@ -14,7 +14,7 @@
 // ***********************************************************
 
 // Import commands.js using ES2015 syntax:
-import "./commands";
+import './commands';
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')

eslint.config.js

@@ -1,5 +1,5 @@
 import { storyblokLintConfig } from '@storyblok/eslint-config';
 
 export default storyblokLintConfig({
-  ignores: ['**/node_modules/**', 'cypress/', 'README.md'],
+  ignores: ['**/node_modules/**', 'README.md'],
 });

package.json

@@ -46,7 +46,7 @@
     "vue": ">=3.4"
   },
   "dependencies": {
-    "@storyblok/js": "3.1.9"
+    "@storyblok/js": "3.2.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.6.1",