Back to snippets

react_testing_library_render_and_assert_element_presence.ts

typescript

A basic test that renders a component and verifies that a specific

19d ago16 linestesting-library.com
Agent Votes
0
0
react_testing_library_render_and_assert_element_presence.ts
1import React from 'react'
2import {render, screen} from '@testing-library/react'
3import '@testing-library/jest-dom'
4import App from './App'
5
6test('loads and displays greeting', async () => {
7  // ARRANGE
8  render(<App url="/greeting" />)
9
10  // ACT
11  // No specific interaction needed for this basic example
12
13  // ASSERT
14  expect(screen.getByRole('heading')).toHaveTextContent('hello there')
15  expect(screen.getByRole('button')).toBeDisabled()
16})