Included in these configurations:
- addon-interactions
- recommended
Storybook provides an instrumented version of testing library in the @storybook/testing-library package.
When writing interactions, make sure to use the helper functions from @storybook/testing-library
, so that addon-interactions can intercept these helper functions and allow you to step through them when debugging.
Examples of incorrect code for this rule:
// wrong import!
import { within } from '@testing-library/react'
Default.play = async (context) => {
const canvas = within(context.canvasElement)
}
Examples of correct code for this rule:
// correct import.
import { within } from '@storybook/testing-library'
Default.play = async (context) => {
const canvas = within(context.canvasElement)
}
This rule should not be applied in test files. Please ensure you are defining the storybook rules only for story files. You can see more details here.
If there are other links that describe the issue this rule addresses, please include them here in a bulleted list.