diff options
author | 2020-09-30 21:38:21 +0100 | |
---|---|---|
committer | 2020-09-30 21:38:21 +0100 | |
commit | 3bd6f1764732047841e132642e20496bc0add093 (patch) | |
tree | 08590244748ba796cacb46fd85bc1b09269b0156 | |
parent | Update form properties to mirror those in the form listing component (diff) |
Update tests with new FormListing props
-rw-r--r-- | src/tests/components/FormListing.test.tsx | 21 |
1 files changed, 17 insertions, 4 deletions
diff --git a/src/tests/components/FormListing.test.tsx b/src/tests/components/FormListing.test.tsx index cb06201..4080f4d 100644 --- a/src/tests/components/FormListing.test.tsx +++ b/src/tests/components/FormListing.test.tsx @@ -3,28 +3,41 @@ import { render } from '@testing-library/react'; import FormListing from "../../components/FormListing"; import { BrowserRouter as Router } from 'react-router-dom'; +import { Form } from '../../api/forms'; + +const openFormListing: Form = { + title: "Example form listing", + description: "My form listing", + open: true +} + +const closedFormListing: Form = { + title: "Example form listing", + description: "My form listing", + open: false +} test('renders form listing with specified title', () => { - const { getByText } = render(<Router><FormListing title="Example form listing" description="My form listing" open={true} /></Router>); + const { getByText } = render(<Router><FormListing form={openFormListing} /></Router>); const formListing = getByText(/Example form listing/i); expect(formListing).toBeInTheDocument(); }); test('renders form listing with specified description', () => { - const { getByText } = render(<Router><FormListing title="Example form listing" description="My form listing" open={true} /></Router>); + const { getByText } = render(<Router><FormListing form={openFormListing} /></Router>); const formListing = getByText(/My form listing/i); expect(formListing).toBeInTheDocument(); }); test('renders form listing with background green colour for open', () => { - const { container } = render(<Router><FormListing title="Example form listing" description="My form listing" open={true} /></Router>); + const { container } = render(<Router><FormListing form={openFormListing} /></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(<Router><FormListing title="Example form listing" description="My form listing" open={false} /></Router>); + const { container } = render(<Router><FormListing form={closedFormListing} /></Router>); const elem = container.querySelector("a"); const style = window.getComputedStyle(elem); expect(style.backgroundColor).toBe("rgb(44, 47, 51)"); |