All files / stories/SkippingAndSelecting IgnoringViaCyIncludeStories.stories.tsx

100% Statements 8/8
75% Branches 3/4
100% Functions 3/3
100% Lines 8/8

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 42 43 44 45 46 47 48 49 50                      58x 14x     58x 14x   58x                                   58x     13x     58x              
import React from "react";
import type { ComponentStoryCy } from "orphic-cypress";
import { Button } from "stories";
import mdxObj from "./mdx";
 
export default {
  component: Button,
  cyIncludeStories: ["NotSkippedFunction", "NotSkippedObject"],
  id: "ignoring-via-cyincludestories", // story-code @skip
};
 
export const NotSkippedFunction: ComponentStoryCy<typeof Button> = (args) => (
  <Button {...args} label="Story function" />
);
 
NotSkippedFunction.cy = () =>
  cy.dataCy("button").should("contain", "Story function");
// story-code @end @include-default
NotSkippedFunction.parameters = {
  docs: {
    description: {
      /* istanbul ignore else */ // story-code @skip
      story: mdxObj["ignoring-via-cyincludestories"]?.md,
    },
  },
};
 
/* 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");
// story-code @end
 
export const NotSkippedObject = {
  ...SkippedFunction,
  args: { label: "Another" },
  cy: () => cy.dataCy("button").should("contain", "Another"),
};
 
export const SkippedObject = {
  ...SkippedFunction,
  args: { label: "Another" },
  cy:
    /* istanbul ignore next */ // story-code @skip
    () => cy.dataCy("button").should("contain", "Would fail if not skipped"),
};