From ba11a540c5de3ace2481ed291dee02b75ceb2c4f Mon Sep 17 00:00:00 2001
From: DmitriyNoa <dmytro.zharkov@gmail.com>
Date: Thu, 3 Mar 2022 18:14:02 +0100
Subject: [PATCH] Add additional test for undefined

Signed-off-by: DmitriyNoa <dmytro.zharkov@gmail.com>
---
 .../components/select/select.test.tsx         | 26 ++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/select/select.test.tsx b/src/renderer/components/select/select.test.tsx
index df745e41bc..157156e02a 100644
--- a/src/renderer/components/select/select.test.tsx
+++ b/src/renderer/components/select/select.test.tsx
@@ -107,7 +107,7 @@ describe("<Select />", () => {
     expect(container.querySelector(".Select__single-value").textContent).toBe(options[1].label);
   });
 
-  it("should unselect value if no value is passed", async () => {
+  it("should unselect value if null is passed as a value", async () => {
     const options = [
       {
         label: "Option one label",
@@ -130,4 +130,28 @@ describe("<Select />", () => {
 
     expect(container.querySelector(".Select__single-value")).not.toBeInTheDocument();
   });
+
+  it("should unselect value if undefined is passed as a value", async () => {
+    const options = [
+      {
+        label: "Option one label",
+        value: "optionOneValue",
+      },
+      {
+        label: "Option two label",
+        value: "optionTwoValue",
+      },
+    ];
+
+    const onChange = jest.fn();
+
+    const { container, rerender } = render(<Select value={options[0].value} onChange={onChange} options={options} />);
+    const selectedValueContainer = container.querySelector(".Select__single-value");
+
+    expect(selectedValueContainer.textContent).toBe(options[0].label);
+
+    rerender(<Select value={undefined} onChange={onChange} options={options} />);
+
+    expect(container.querySelector(".Select__single-value")).not.toBeInTheDocument();
+  });
 });