test(DateSelect): improved tests DEV-53

micromedio · May 19, 2021 · 7ff7d25 · 7ff7d25
1 parent a10204b
commit 7ff7d25
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/src/components/DateSelect/DateSelect.test.tsx b/src/components/DateSelect/DateSelect.test.tsx
@@ -28,7 +28,13 @@ describe("DateSelect", () => {
   test("onChange is called when an option is selected", async () => {
     const onChange = jest.fn()
     render(
-      <DateSelect onChange={onChange}>
+      <DateSelect
+        onChange={onChange}
+        value={{
+          from: "",
+          to: "",
+        }}
+      >
         <DateSelect.Option value={{ from: "12/05/2021", to: "12/05/2021" }}>
           Today
         </DateSelect.Option>
@@ -43,6 +49,18 @@ describe("DateSelect", () => {
     })
   })
 
+  test("select button shows current selected item text", async () => {
+    const value = { from: "12/05/2021", to: "12/05/2021" }
+
+    render(
+      <DateSelect value={value}>
+        <DateSelect.Option value={value}>Today</DateSelect.Option>
+      </DateSelect>
+    )
+
+    expect(screen.getByText(/today/i)).toBeInTheDocument()
+  })
+
   test("custom date range popover appears when custom option is clicked", async () => {
     render(
       <DateSelect>