try and fix tests

swisspost · Dec 24, 2024 · d84461a · d84461a
1 parent 0d92279
commit d84461a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 8 deletions.
diff --git a/packages/components/cypress/e2e/megadropdown.cy.ts b/packages/components/cypress/e2e/megadropdown.cy.ts
@@ -7,7 +7,7 @@ describe('megadropdown', () => {
         cy.viewport('iphone-6+');
         cy.getComponents(
           MEGADROPDOWN_ID,
-          'default',
+          'tests',
           'post-megadropdown',
           'post-megadropdown-trigger',
         );
@@ -24,6 +24,7 @@ describe('megadropdown', () => {
       it('should open on trigger click', () => {
         cy.get('@megadropdown-trigger').should('exist');
         cy.get('@megadropdown-trigger').click();
+        cy.wait(500);
         cy.get('@megadropdown').should(`be.visible`);
       });
 
@@ -50,7 +51,7 @@ describe('megadropdown', () => {
         cy.viewport(1920, 1080);
         cy.getComponents(
           MEGADROPDOWN_ID,
-          'default',
+          'tests',
           'post-megadropdown',
           'post-megadropdown-trigger',
         );
@@ -67,6 +68,7 @@ describe('megadropdown', () => {
       it('should open on trigger click', () => {
         cy.get('@megadropdown-trigger').should('exist');
         cy.get('@megadropdown-trigger').click();
+        cy.wait(500);
         cy.get('@megadropdown').should(`be.visible`);
       });
 

diff --git a/...es/documentation/src/stories/raw-components/megadropdown/megadropdown.snapshot.stories.ts b/...es/documentation/src/stories/raw-components/megadropdown/megadropdown.snapshot.stories.ts
@@ -1,5 +1,5 @@
 import type { StoryContext, StoryObj } from '@storybook/web-components';
-import meta from './megadropdown.stories';
+import meta, { megadropdownDecorator } from './megadropdown.stories';
 import { html } from 'lit';
 import { schemes } from '@/shared/snapshots/schemes';
 
@@ -8,7 +8,7 @@ const { id, ...metaWithoutId } = meta;
 export default {
   ...metaWithoutId,
   title: 'Snapshots',
-  decorators: [],
+  decorators: [megadropdownDecorator],
 };
 
 type Story = StoryObj<HTMLPostMegadropdownElement>;

diff --git a/packages/documentation/src/stories/raw-components/megadropdown/megadropdown.stories.ts b/packages/documentation/src/stories/raw-components/megadropdown/megadropdown.stories.ts
@@ -9,7 +9,6 @@ const meta: MetaComponent<HTMLPostMegadropdownElement> = {
   tags: ['package:WebComponents'],
   component: 'post-megadropdown',
   render: render,
-  decorators: [decorator],
   parameters: {
     design: {
       type: 'figma',
@@ -22,7 +21,7 @@ const meta: MetaComponent<HTMLPostMegadropdownElement> = {
 
 export default meta;
 
-function decorator(story: StoryFn, context: StoryContext) {
+export function megadropdownDecorator(story: StoryFn, context: StoryContext) {
   return html`
     <post-mainnavigation>
       <post-list title-hidden="">
@@ -32,7 +31,6 @@ function decorator(story: StoryFn, context: StoryContext) {
   `;
 }
 
-// RENDERERS
 function render() {
   return html`
     <post-megadropdown-trigger for="pakete">Pakete</post-megadropdown-trigger>
@@ -64,4 +62,9 @@ function render() {
 // STORIES
 type Story = StoryObj<HTMLPostLanguageOptionElement>;
 
-export const Default: Story = {};
+export const Default: Story = {
+  decorators: [megadropdownDecorator],
+};
+
+// No decorators on the test page
+export const Tests: Story = {};