import { render } from '@testing-library/react-native'
import React from 'react'
import { NoResultsBlankState, SearchPromptBlankState } from '../search_blank_states'

describe('SearchPromptBlankState', () => {
  it('renders the prompt heading', () => {
    const view = render(<SearchPromptBlankState />)

    expect(view.getByText('Search chat')).toBeTruthy()
  })
})

describe('NoResultsBlankState', () => {
  it('renders the heading and the searched term', () => {
    const view = render(<NoResultsBlankState term="budget" />)

    expect(view.getByText('No results')).toBeTruthy()
    expect(view.getByText(/Nothing matches “budget\.”/)).toBeTruthy()
  })
})