test: test that the field can be cleared

twentyhq · Dec 17, 2024 · 34e959b · 34e959b
1 parent 33a3d21
commit 34e959b
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/...t-record/record-field/form-types/components/__stories__/FormRawJsonFieldInput.stories.tsx b/...t-record/record-field/form-types/components/__stories__/FormRawJsonFieldInput.stories.tsx
@@ -180,9 +180,28 @@ export const CanUseVariableAsObjectProperty: Story = {
 
     await userEvent.type(editor, '": 2 }');
 
+    await waitFor(() => {
+      expect(args.onPersist).toHaveBeenCalledWith('{ "{{test}}": 2 }');
+    });
+  },
+};
+
+export const ClearField: Story = {
+  args: {
+    placeholder: 'Enter valid json',
+    defaultValue: '{ "a": 2 }',
+  },
+  play: async ({ canvasElement, args }) => {
+    const defaultValueStringLength = args.defaultValue!.length;
+
+    const editor = canvasElement.querySelector('.ProseMirror > p');
+    expect(editor).toBeVisible();
+
     await Promise.all([
+      userEvent.type(editor, `{Backspace>${defaultValueStringLength}}`),
+
       waitFor(() => {
-        expect(args.onPersist).toHaveBeenCalledWith('{ "{{test}}": 2 }');
+        expect(args.onPersist).toHaveBeenCalledWith(null);
       }),
     ]);
   },