aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorGravatar Joe Banks <[email protected]>2020-09-30 21:38:21 +0100
committerGravatar Joe Banks <[email protected]>2020-09-30 21:38:21 +0100
commit3bd6f1764732047841e132642e20496bc0add093 (patch)
tree08590244748ba796cacb46fd85bc1b09269b0156
parentUpdate 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.tsx21
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)");