Merge pull request #6366 from Sage/pw_refactor_fieldset

test(fieldset): playwright refactor
Sage · Oct 25, 2023 · ba19c7b · ba19c7b
2 parents 6428bb3 + 14b6397
commit ba19c7b
Show file tree

Hide file tree

Showing 6 changed files with 334 additions and 339 deletions.
diff --git a/cypress/components/fieldset/fieldset.cy.tsx b/cypress/components/fieldset/fieldset.cy.tsx
diff --git a/cypress/locators/fieldset/index.js b/cypress/locators/fieldset/index.js
diff --git a/cypress/locators/fieldset/locators.js b/cypress/locators/fieldset/locators.js
diff --git a/src/components/fieldset/components.test-pw.tsx b/src/components/fieldset/components.test-pw.tsx
@@ -0,0 +1,54 @@
+import React from "react";
+import Fieldset from "./fieldset.component";
+import { FieldsetProps } from "../../../src/components/fieldset";
+import Textbox from "../textbox";
+import Checkbox from "../checkbox/checkbox.component";
+
+const FieldsetComponent = (props: FieldsetProps) => {
+  return (
+    <div>
+      <Fieldset legend="Fieldset" {...props}>
+        <Textbox
+          label="First Name"
+          labelInline
+          labelAlign="right"
+          labelWidth={30}
+        />
+        <Textbox
+          label="Last Name"
+          labelInline
+          labelAlign="right"
+          labelWidth={30}
+        />
+        <Textbox
+          label="Address"
+          labelInline
+          labelAlign="right"
+          labelWidth={30}
+        />
+        <Checkbox
+          label="Checkbox"
+          labelAlign="right"
+          labelWidth={30}
+          labelSpacing={2}
+          reverse
+        />
+        <Textbox label="City" labelInline labelAlign="right" labelWidth={30} />
+        <Textbox
+          label="Country"
+          labelInline
+          labelAlign="right"
+          labelWidth={30}
+        />
+        <Textbox
+          label="Telephone"
+          labelInline
+          labelAlign="right"
+          labelWidth={30}
+        />
+      </Fieldset>
+    </div>
+  );
+};
+
+export default FieldsetComponent;