add errorMessage test

Signed-off-by: Matt Benson <gudnabrsam@gmail.com>
2024-07-15 10:48:22 -05:00
parent 4670f06f72
commit 8b808fd1a9
1 changed files with 40 additions and 0 deletions
@@ -392,6 +392,46 @@ describe('Stepper', () => {
    expect(getByText('invalid postcode')).toBeInTheDocument();
  });

+  it('should render ajv-errors message', async () => {
+    const manifest: TemplateParameterSchema = {
+      steps: [
+        {
+          title: 'Step 1',
+          schema: {
+            properties: {
+              postcode: {
+                type: 'string',
+                pattern: '[A-Z][0-9][A-Z] [0-9][A-Z][0-9]',
+              },
+            },
+            errorMessage: {
+              properties: {
+                postcode: 'invalid postcode',
+              },
+            },
+          },
+        },
+      ],
+      title: 'transformErrors Form Test',
+    };
+
+    const { getByText, getByRole } = await renderInTestApp(
+      <SecretsContextProvider>
+        <Stepper manifest={manifest} extensions={[]} onCreate={jest.fn()} />
+      </SecretsContextProvider>,
+    );
+
+    await fireEvent.change(getByRole('textbox', { name: 'postcode' }), {
+      target: { value: 'invalid' },
+    });
+
+    await act(async () => {
+      await fireEvent.click(getByRole('button', { name: 'Review' }));
+    });
+
+    expect(getByText('invalid postcode')).toBeInTheDocument();
+  });
+
  it('should grab the initial formData from the query', async () => {
    const manifest: TemplateParameterSchema = {
      steps: [