@navinc/base-react-components/src/block-quote.spec.js

Nav's Pattern Library

import React from 'react'
import BlockQuote from './block-quote.js'
import { render, screen } from '../tests/with-app-context.js'

describe('Block Quote', () => {
  it('test the children of the block quote', () => {
    render(<BlockQuote>hello there</BlockQuote>)
    expect(screen.getByText('hello there')).toBeInTheDocument()
  })
  it('make sure that color props go though', () => {
    render(<BlockQuote color="oceanBoat">general kenobi</BlockQuote>)
    expect(screen.getByText('general kenobi')).toBeInTheDocument()
  })
})