7 replies

Strategy to test components in React

Hey, I am new into testing and I haven't test anything much before. I am still getting stuck about theory what should I test and what shouldn't. For example here.

I have component

Heading

Heading

that takes prop

level

level

which is number between 1 and 6.

Is this test useless? And if so, what test would you write for this specific component?

const levels = [1, 2, 3, 4, 5, 6] as const;

it.each(levels)('should rener heading level %s', (level: HeadingLevel) => {
  render(<Heading level={level}>Heading {level}</Heading>);

  expect(screen.getByRole('heading', { level })).toBeInTheDocument();
});

const levels = [1, 2, 3, 4, 5, 6] as const;

it.each(levels)('should rener heading level %s', (level: HeadingLevel) => {
  render(<Heading level={level}>Heading {level}</Heading>);

  expect(screen.getByRole('heading', { level })).toBeInTheDocument();
});

TTC

Theo's Typesafe Cult•4y ago•

7 replies

JakubH

Strategy to test components in React

Hey, I am new into testing and I haven't test anything much before. I am still getting stuck about theory what should I test and what shouldn't. For example here.

I have component

Heading

Heading

that takes prop

level

level

which is number between 1 and 6.

Is this test useless? And if so, what test would you write for this specific component?

const levels = [1, 2, 3, 4, 5, 6] as const;

it.each(levels)('should rener heading level %s', (level: HeadingLevel) => {
  render(<Heading level={level}>Heading {level}</Heading>);

  expect(screen.getByRole('heading', { level })).toBeInTheDocument();
});

const levels = [1, 2, 3, 4, 5, 6] as const;

it.each(levels)('should rener heading level %s', (level: HeadingLevel) => {
  render(<Heading level={level}>Heading {level}</Heading>);

  expect(screen.getByRole('heading', { level })).toBeInTheDocument();
});

Strategy to test components in React

Similar Threads

Strategy to test components in React

Similar Threads

Similar Threads

Similar Threads