All files / stories/SkippingAndSelecting SkippedStories.stories.tsx

100% Statements 7/7
100% Branches 0/0
100% Functions 2/2
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41            58x 12x     58x   58x                                 58x     58x                
import React from "react";
import type { ComponentStoryCy } from "orphic-cypress";
import { Button } from "stories";
 
export default { component: Button };
 
export const NotSkipped: ComponentStoryCy<typeof Button> = (args) => (
  <Button {...args} label="Story function" />
);
 
NotSkipped.cy = () => cy.dataCy("button").should("contain", "Story function");
// story-code @end @include-default
NotSkipped.parameters = {
  docs: {
    description: {
      story:
        "You can skip individual stories via `.cySkip` property on the story itself.",
    },
  },
};
 
/* istanbul ignore next */ // story-code @skip
export const SkippedFunction: ComponentStoryCy<typeof Button> = (args) => (
  <Button {...args} label="Story function" />
);
 
/* istanbul ignore next */ // story-code @skip
SkippedFunction.cy = () =>
  cy.dataCy("button").should("contain", "Would fail if not skipped");
SkippedFunction.cySkip = true;
// story-code @end
 
export const Skipped = {
  ...NotSkipped,
  args: { label: "Another" },
  cy:
    /* istanbul ignore next */ // story-code @skip
    () => cy.dataCy("button").should("contain", "Would fail if not skipped"),
  cySkip: true,
};