test: update and clean up tests

okta · Dec 1, 2023 · 7cacefc · 7cacefc
1 parent 43c710c
commit 7cacefc
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 5 deletions.
diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Autocomplete/Autocomplete.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/Autocomplete/Autocomplete.stories.tsx
@@ -331,7 +331,7 @@ export const Optional: StoryObj<AutocompleteType> = {
 export const ReadOnly: StoryObj<AutocompleteType> = {
   args: {
     isReadOnly: true,
-    value: { label: "Tycho Station" },
+    defaultValue: { label: "Tycho Station" },
   },
 };
 

diff --git a/...ages/odyssey-storybook/src/components/odyssey-mui/PasswordField/PasswordField.stories.tsx b/...ages/odyssey-storybook/src/components/odyssey-mui/PasswordField/PasswordField.stories.tsx
@@ -276,7 +276,14 @@ export const Controlled: StoryObj<typeof PasswordField> = {
       (event) => setLocalValue(event?.target.value),
       []
     );
-    return <PasswordField {...props} value={localValue} onChange={onChange} />;
+    return (
+      <PasswordField
+        {...props}
+        defaultValue={undefined}
+        value={localValue}
+        onChange={onChange}
+      />
+    );
   },
 };
 
@@ -298,6 +305,13 @@ export const ControlledDefaultInput: StoryObj<typeof PasswordField> = {
       (event) => setLocalValue(event?.target.value),
       []
     );
-    return <PasswordField {...props} value={localValue} onChange={onChange} />;
+    return (
+      <PasswordField
+        {...props}
+        defaultValue={undefined}
+        value={localValue}
+        onChange={onChange}
+      />
+    );
   },
 };
diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/SearchField/SearchField.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/SearchField/SearchField.stories.tsx
@@ -162,7 +162,7 @@ export const ControlledSearch: StoryObj<typeof SearchField> = {
     defaultValue: undefined,
   },
   render: function C(props) {
-    const [constrolledValue, setControlledValue] = useState("Foo");
+    const [constrolledValue, setControlledValue] = useState("Jupiter");
     const onChange = useCallback(
       (event) => setControlledValue(event.target.value),
       []

diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/TextField/TextField.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/TextField/TextField.stories.tsx
@@ -171,6 +171,7 @@ const storybookMeta: Meta<typeof TextField> = {
   },
   args: {
     label: "Destination",
+    defaultValue: undefined,
   },
   decorators: [MuiThemeDecorator],
   tags: ["autodocs"],
@@ -307,7 +308,7 @@ export const ControlledTextField: StoryObj<typeof TextField> = {
   args: {
     value: "Initial state",
   },
-  render: function C(props) {
+  render: function C({ ...props }) {
     const [localValue, setLocalValue] = useState("Initial state");
     const onChange = useCallback(
       (event) => setLocalValue(event.target.value),