diff options
| -rw-r--r-- | src/tests/components/FormListing.test.tsx | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/src/tests/components/FormListing.test.tsx b/src/tests/components/FormListing.test.tsx index 26c7c93..cb06201 100644 --- a/src/tests/components/FormListing.test.tsx +++ b/src/tests/components/FormListing.test.tsx @@ -2,28 +2,30 @@ import React from 'react'; import { render } from '@testing-library/react'; import FormListing from "../../components/FormListing"; +import { BrowserRouter as Router } from 'react-router-dom'; + test('renders form listing with specified title', () => { - const { getByText } = render(<FormListing title="Example form listing" description="My form listing" open={true} />); + const { getByText } = render(<Router><FormListing title="Example form listing" description="My form listing" open={true} /></Router>); const formListing = getByText(/Example form listing/i); expect(formListing).toBeInTheDocument(); }); test('renders form listing with specified description', () => { - const { getByText } = render(<FormListing title="Example form listing" description="My form listing" open={true} />); + const { getByText } = render(<Router><FormListing title="Example form listing" description="My form listing" open={true} /></Router>); const formListing = getByText(/My form listing/i); expect(formListing).toBeInTheDocument(); }); test('renders form listing with background green colour for open', () => { - const { container } = render(<FormListing title="Example form listing" description="My form listing" open={true} />); - const elem = container.querySelector("div"); + const { container } = render(<Router><FormListing title="Example form listing" description="My form listing" open={true} /></Router>); + const elem = container.querySelector("a"); const style = window.getComputedStyle(elem); expect(style.backgroundColor).toBe("rgb(67, 181, 129)"); }); test('renders form listing with background dark colour for closed', () => { - const { container } = render(<FormListing title="Example form listing" description="My form listing" open={false} />); - const elem = container.querySelector("div"); + const { container } = render(<Router><FormListing title="Example form listing" description="My form listing" open={false} /></Router>); + const elem = container.querySelector("a"); const style = window.getComputedStyle(elem); expect(style.backgroundColor).toBe("rgb(44, 47, 51)"); }); |