add tests

tremorlabs · Apr 15, 2024 · 79405b1 · 79405b1
1 parent 62b3174
commit 79405b1
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 1 deletion.
diff --git a/src/components/DatePicker/datepicker.spec.ts b/src/components/DatePicker/datepicker.spec.ts
@@ -115,6 +115,25 @@ test.describe("Expect date picker single", () => {
         .getByLabel("Select A year from now"),
     ).toBeVisible()
   })
+  test("with time to be rendered", async ({ page }) => {
+    await page.goto(
+      "http://localhost:6006/?path=/story/ui-datepicker--controlled-time",
+    )
+    await page
+      .frameLocator('iframe[title="storybook-preview-iframe"]')
+      .getByRole("button", { name: "Select date" })
+      .click()
+    await expect(
+      page
+        .frameLocator('iframe[title="storybook-preview-iframe"]')
+        .getByLabel("hour, Time"),
+    ).toBeVisible()
+    await expect(
+      page
+        .frameLocator('iframe[title="storybook-preview-iframe"]')
+        .getByLabel("minute, Time"),
+    ).toBeVisible()
+  })
 })
 
 test.describe("Expect date picker range", () => {
@@ -248,4 +267,33 @@ test.describe("Expect date picker range", () => {
         .getByLabel("Year to date"),
     ).toBeVisible()
   })
+  test("with time to be rendered", async ({ page }) => {
+    await page.goto(
+      "http://localhost:6006/?path=/story/ui-daterangepicker--controlled-time-range",
+    )
+    await page
+      .frameLocator('iframe[title="storybook-preview-iframe"]')
+      .getByRole("button", { name: "Select date" })
+      .click()
+    await expect(
+      page
+        .frameLocator('iframe[title="storybook-preview-iframe"]')
+        .getByLabel("hour, Start date time"),
+    ).toBeVisible()
+    await expect(
+      page
+        .frameLocator('iframe[title="storybook-preview-iframe"]')
+        .getByLabel("minute, Start date time"),
+    ).toBeVisible()
+    await expect(
+      page
+        .frameLocator('iframe[title="storybook-preview-iframe"]')
+        .getByLabel("hour, End date time"),
+    ).toBeVisible()
+    await expect(
+      page
+        .frameLocator('iframe[title="storybook-preview-iframe"]')
+        .getByLabel("minute, End date time"),
+    ).toBeVisible()
+  })
 })
diff --git a/src/components/DatePicker/datepicker.stories.tsx b/src/components/DatePicker/datepicker.stories.tsx
@@ -160,7 +160,7 @@ const ControlledTimeDemo = () => {
       </p>
       <div className="flex w-96 gap-2">
         <DatePicker
-        className="w-60"
+          className="w-60"
           showTimePicker
           value={value}
           onChange={(value) => {