Merge pull request #120 from macandcheese/update/radiogroup

Adds test for prop validation on radio groups

Author: macandcheese

src/components/calcite-radio-group/calcite-radio-group.e2e.ts

@@ -181,4 +181,94 @@ describe("calcite-radio-group", () => {
       expect(role).toEqualText("radiogroup");
     });
   });
+
+  it("renders requested props", async () => {
+    const page = await newE2EPage();
+    await page.setContent(
+      "<calcite-radio-group theme='dark' scale='l'></calcite-radio-group>"
+    );
+    const element = await page.find("calcite-radio-group");
+    expect(element).toEqualAttribute("theme", "dark");
+    expect(element).toEqualAttribute("scale", "l");
+  });
+
+  it("validates incorrect props", async () => {
+    const page = await newE2EPage();
+    await page.setContent(
+      "<calcite-radio-group theme='zip' scale='zap'></calcite-radio-group>"
+    );
+
+    const element = await page.find("calcite-radio-group");
+    expect(element).toEqualAttribute("theme", "light");
+    expect(element).toEqualAttribute("scale", "m");
+  });
+
+  it("renders default props", async () => {
+    const page = await newE2EPage();
+    await page.setContent(
+      "<calcite-radio-group></calcite-radio-group>"
+    );
+    const element = await page.find("calcite-radio-group");
+    expect(element).toEqualAttribute("theme", "light");
+    expect(element).toEqualAttribute("scale", "m");
+  });
+
+  it("passes requested scale prop to child components", async () => {
+    const page = await newE2EPage();
+    await page.setContent(
+      `<calcite-radio-group scale="l">
+          <calcite-radio-group-item id="child-1" value="1" checked>one</calcite-radio-group-item>
+          <calcite-radio-group-item id="child-2" value="2">two</calcite-radio-group-item>
+          <calcite-radio-group-item id="child-3" value="3">three</calcite-radio-group-item>
+        </calcite-radio-group>`
+    );
+    const element = await page.find("calcite-radio-group");
+    const child1 = await page.find("#child-1");
+    const child2 = await page.find("#child-2");
+    const child3 = await page.find("#child-3");
+    expect(element).toEqualAttribute("scale", "l");
+    expect(child1).toEqualAttribute("scale", "l");
+    expect(child2).toEqualAttribute("scale", "l");
+    expect(child3).toEqualAttribute("scale", "l");
+  });
+
+  it("passes validated incorrect scale prop to child components", async () => {
+    const page = await newE2EPage();
+    await page.setContent(
+      `<calcite-radio-group scale="zip">
+          <calcite-radio-group-item id="child-1" value="1" checked>one</calcite-radio-group-item>
+          <calcite-radio-group-item id="child-2" value="2">two</calcite-radio-group-item>
+          <calcite-radio-group-item id="child-3" value="3">three</calcite-radio-group-item>
+        </calcite-radio-group>`
+    );
+
+    const element = await page.find("calcite-radio-group");
+    const child1 = await page.find("#child-1");
+    const child2 = await page.find("#child-2");
+    const child3 = await page.find("#child-3");
+    expect(element).toEqualAttribute("scale", "m");
+    expect(child1).toEqualAttribute("scale", "m");
+    expect(child2).toEqualAttribute("scale", "m");
+    expect(child3).toEqualAttribute("scale", "m");
+  });
+
+  it("passes default scale prop to child components", async () => {
+    const page = await newE2EPage();
+    await page.setContent(
+      `<calcite-radio-group>
+          <calcite-radio-group-item id="child-1" value="1" checked>one</calcite-radio-group-item>
+          <calcite-radio-group-item id="child-2" value="2">two</calcite-radio-group-item>
+          <calcite-radio-group-item id="child-3" value="3">three</calcite-radio-group-item>
+        </calcite-radio-group>`
+    );
+
+    const element = await page.find("calcite-radio-group");
+    const child1 = await page.find("#child-1");
+    const child2 = await page.find("#child-2");
+    const child3 = await page.find("#child-3");
+    expect(element).toEqualAttribute("scale", "m");
+    expect(child1).toEqualAttribute("scale", "m");
+    expect(child2).toEqualAttribute("scale", "m");
+    expect(child3).toEqualAttribute("scale", "m");
+  });
 });