Add playground

ethyca · Sep 22, 2022 · 36f532a · 36f532a
1 parent d1e5406
commit 36f532a
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/clients/ctl/admin-ui/cypress/components/ClassifiedDataCategoryInput.cy.tsx b/clients/ctl/admin-ui/cypress/components/ClassifiedDataCategoryInput.cy.tsx
@@ -123,4 +123,20 @@ describe("ClassifiedDataCategoryInput", () => {
       selectedClassifiedCategory.fides_key,
     ]);
   });
+
+  it("playground", () => {
+    // it's useful when developing to be able to play with the component with actual react state
+    const ClassifiedDataCategoryInputWithState = () => {
+      const [checked, setChecked] = React.useState([]);
+      return (
+        <ClassifiedDataCategoryInput
+          dataCategories={MOCK_DATA_CATEGORIES as DataCategory[]}
+          checked={checked}
+          onChecked={setChecked}
+          mostLikelyCategories={MOST_LIKELY_CATEGORIES}
+        />
+      );
+    };
+    cy.mount(<ClassifiedDataCategoryInputWithState />);
+  });
 });