prefer-query-by-disappearance.test.ts

import rule, {
	RULE_NAME,
} from '../../../lib/rules/prefer-query-by-disappearance';
import { createRuleTester } from '../test-utils';

const ruleTester = createRuleTester();

const SUPPORTED_TESTING_FRAMEWORKS = [
	'@testing-library/dom',
	'@testing-library/angular',
	'@testing-library/react',
	'@testing-library/vue',
	'@marko/testing-library',
];

ruleTester.run(RULE_NAME, rule, {
	valid: SUPPORTED_TESTING_FRAMEWORKS.flatMap((testingFramework) => [
		{
			code: `
        import { screen } from '${testingFramework}';

        const button = screen.getByRole('button')
        await waitForElementToBeRemoved(button)
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const callback = () => screen.getByRole('button')
        await waitForElementToBeRemoved(callback)
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(() => screen.queryByText("hello"))
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(() => {
          screen.queryByText("hello")
        })
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(() => {
          otherCode()
          screen.queryByText("hello")
        })
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(() => {
          otherCode()
          return screen.queryByText("hello")
        })
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(() => {
          return screen.queryByText("hello")
        })
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(function() {
          screen.queryByText("hello")
        })
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(function() {
          otherCode()
          screen.queryByText("hello")
        })
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(function() {
          return screen.queryByText('hey')
        })
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(function() {
          otherCode()
          return screen.queryByText('hey')
        })
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(screen.queryByText("hello"))
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { queryByText } = screen
        await waitForElementToBeRemoved(queryByText("hello"))
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { queryByText } = screen
        await waitForElementToBeRemoved(() => queryByText("hello"))
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { queryByText } = screen
        await waitForElementToBeRemoved(() => {
          queryByText("hello")
        })
      `,
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { queryByText } = screen
        await waitForElementToBeRemoved(() => {
          return queryByText("hello")
        })
      `,
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { queryByText } = render(<App />)
        await waitForElementToBeRemoved(() => {
          return queryByText("hello")
        })
      `,
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { queryByText } = render(<App />)
        await waitForElementToBeRemoved(() => {
          queryByText("hello")
        })
      `,
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { queryByText } = render(<App />)
        await waitForElementToBeRemoved(() => queryByText("hello"))
      `,
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { queryByText } = render(<App />)
        await waitForElementToBeRemoved(queryByText("hello"))
      `,
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { queryByText } = render(<App />)
        await waitForElementToBeRemoved(function() {
          queryByText("hello")
        })
      `,
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { queryByText } = render(<App />)
        await waitForElementToBeRemoved(function() {
          return queryByText("hello")
        })
      `,
		},
	]),
	invalid: SUPPORTED_TESTING_FRAMEWORKS.flatMap((testingFramework) => [
		{
			code: `
        import { screen, waitForElementToBeRemoved } from '${testingFramework}';

        await waitForElementToBeRemoved(() => screen.getByText("hello"))
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 4,
					column: 54,
				},
			],
		},
		{
			code: `
        import { screen, waitForElementToBeRemoved } from '${testingFramework}';

        await waitForElementToBeRemoved(() => screen.findByText("hello"))
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 4,
					column: 54,
				},
			],
		},
		{
			code: `
        import { screen, waitForElementToBeRemoved } from '${testingFramework}';

        await waitForElementToBeRemoved(() => {
          screen.getByText("hello")
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 18,
				},
			],
		},
		{
			code: `
        import { screen, waitForElementToBeRemoved } from '${testingFramework}';

        await waitForElementToBeRemoved(() => {
          screen.findByText("hello")
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 18,
				},
			],
		},
		{
			code: `
        import { screen, waitForElementToBeRemoved } from '${testingFramework}';

        await waitForElementToBeRemoved(() => {
          return screen.getByText("hello")
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 25,
				},
			],
		},
		{
			code: `
        import { screen, waitForElementToBeRemoved } from '${testingFramework}';

        await waitForElementToBeRemoved(() => {
          return screen.findByText("hello")
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 25,
				},
			],
		},
		{
			code: `
        import { screen, waitForElementToBeRemoved } from '${testingFramework}';

        await waitForElementToBeRemoved(screen.getByText("hello"))
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 4,
					column: 48,
				},
			],
		},
		{
			code: `
        import { screen, waitForElementToBeRemoved } from '${testingFramework}';

        await waitForElementToBeRemoved(screen.findByText("hello"))
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 4,
					column: 48,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(function() {
          return screen.getByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 25,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(function() {
          return screen.findByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 25,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(function() {
          screen.getByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 18,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        await waitForElementToBeRemoved(function() {
          screen.findByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 18,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { getByText } = screen
        await waitForElementToBeRemoved(function() {
          getByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 11,
				},
			],
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { getByText } = render(<App />)
        await waitForElementToBeRemoved(function() {
          getByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 11,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { findByText } = screen
        await waitForElementToBeRemoved(function() {
          findByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 11,
				},
			],
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { findByText } = render
        await waitForElementToBeRemoved(function() {
          findByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 11,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { getByText } = screen
        await waitForElementToBeRemoved(function() {
          return getByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 18,
				},
			],
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { getByText } = render(<App />)
        await waitForElementToBeRemoved(function() {
          return getByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 18,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { findByText } = screen
        await waitForElementToBeRemoved(function() {
          return findByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 18,
				},
			],
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { findByText } = render(<App />)
        await waitForElementToBeRemoved(function() {
          return findByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 18,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { getByText } = screen
        await waitForElementToBeRemoved(() => {
          return getByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 18,
				},
			],
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { getByText } = render(<App />)
        await waitForElementToBeRemoved(() => {
          return getByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 18,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { findByText } = screen
        await waitForElementToBeRemoved(() => {
          return findByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 18,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { findByText } = render(<App />)
        await waitForElementToBeRemoved(() => {
          return findByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 18,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { getByText } = screen
        await waitForElementToBeRemoved(() => {
          getByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 11,
				},
			],
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { getByText } = render(<App />)
        await waitForElementToBeRemoved(() => {
          getByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 11,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { findByText } = screen
        await waitForElementToBeRemoved(() => {
          findByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 11,
				},
			],
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { findByText } = render(<App />)
        await waitForElementToBeRemoved(() => {
          findByText('hey')
        })
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 6,
					column: 11,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { findByText } = screen
        await waitForElementToBeRemoved(() => findByText('hey'))
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 47,
				},
			],
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { findByText } = render(<App />)
        await waitForElementToBeRemoved(() => findByText('hey'))
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 47,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { getByText } = screen
        await waitForElementToBeRemoved(getByText('hey'))
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 41,
				},
			],
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { getByText } = render(<App />)
        await waitForElementToBeRemoved(getByText('hey'))
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 41,
				},
			],
		},
		{
			code: `
        import { screen } from '${testingFramework}';

        const { findByText } = screen
        await waitForElementToBeRemoved(findByText('hey'))
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 41,
				},
			],
		},
		{
			code: `
        import { render } from '${testingFramework}';

        const { findByText } = render(<App />)
        await waitForElementToBeRemoved(findByText('hey'))
      `,
			errors: [
				{
					messageId: 'preferQueryByDisappearance',
					line: 5,
					column: 41,
				},
			],
		},
	]),
});