Functional test case fo Header Component

Header.test.js

//functional testing
it('Renders the correct results after the search keyword is entered', () => {
    render(<Header InitialData={SampleData}/>)
    fireEvent.change(screen.getByTestId("searchText"),
        { target: { value: "2nd" } })
    expect(screen.getByTestId("searchText").value).toBe("2nd")
    fireEvent.click(screen.getByRole('button'))
    expect(screen.getAllByText(/2nd/i).length).toBe(2)
    expect(screen.getAllByText(/1st/i).length).toBe(1)
});