@navinc/base-react-components/src/article.spec.js

Nav's Pattern Library

import { renderWithContext } from './tests/with-app-context.js'
import { fireEvent, screen } from '@testing-library/react'
import { singleArticle } from './data/article.js'
import Article from './article.js'

describe('<Article />', () => {
  it('Render the Article and check opening and closing', () => {
    renderWithContext(<Article {...singleArticle} />)
    fireEvent.click(screen.queryByTestId(`article:header:${singleArticle.title}`))
    const content = screen.queryByTestId(`article:content:${singleArticle.title}`)
    expect(content).toBeInTheDocument()
    fireEvent.click(screen.queryByTestId(`close-article:${singleArticle.title}`))
    expect(content).not.toBeInTheDocument()
  })
})