Fix test cases running error on queue

src/components/scoreboard/__snapshots__/scoreboard.test.tsx.snap

@@ -0,0 +1,47 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Scoreboard test cases Scoreboard renders correctly 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapperScoreboard"
+  >
+    <div
+      class="parentCounter"
+    >
+      000
+    </div>
+    <div>
+      <select
+        class="selectLevel"
+        role="select-component"
+      >
+        <option
+          class="optionLevel"
+        >
+          beginner
+        </option>
+        <option
+          class="optionLevel"
+        >
+          intermediate
+        </option>
+        <option
+          class="optionLevel"
+        >
+          expert
+        </option>
+      </select>
+      <button
+        class="resetButton"
+      >
+        🙂
+      </button>
+    </div>
+    <div
+      class="parentCounter"
+    >
+      010
+    </div>
+  </div>
+</DocumentFragment>
+`;

src/components/scoreboard/components/level/level.test.tsx

@@ -12,12 +12,15 @@ describe("Level component test case", function () {
     expect(asFragment()).toMatchSnapshot();
   });
 
-  it("should Select level behaviour", function () {
+  it("should Select level behaviour", async function () {
     const onChange = jest.fn();
     const levelData = ["beginner", "intermediate", "expert"];
     render(<Level levelData={levelData} onChange={onChange} />);
 
-    userEvent.selectOptions(screen.getByRole("select-component"), "intermediate");
+    await userEvent.selectOptions(screen.getByRole("select-component"), "intermediate");
     expect(screen.getByRole("option", { name: "intermediate" })).toBeEnabled();
+
+    await Promise.resolve();
+    expect(onChange).toHaveBeenCalled();
   });
 });

src/components/scoreboard/scoreboard.test.tsx

@@ -0,0 +1,28 @@
+import { ScoreBoard } from "@components/scoreboard/scoreboard";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import React from "react";
+
+describe("Scoreboard test cases", () => {
+  const levels = ["beginner", "intermediate", "expert"];
+
+  it("Scoreboard renders correctly", () => {
+    const { asFragment } = render(
+      <ScoreBoard time="000" levels={levels} onReset={() => null} mines="010" onChange={() => null} />
+    );
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it("Scoreboard select level handler check", async () => {
+    const onChange = jest.fn();
+
+    render(<ScoreBoard time="000" levels={levels} onReset={() => null} mines="010" onChange={onChange} />);
+
+    await userEvent.selectOptions(screen.getByRole("select-component"), "expert");
+
+    expect(screen.getByRole("option", { name: "expert" })).toBeEnabled();
+
+    await Promise.resolve();
+    expect(onChange).toHaveBeenCalled();
+  });
+});