@khanacademy/wonder-blocks-dropdown 2.10.2 → 2.10.4

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @khanacademy/wonder-blocks-dropdown
 
+## 2.10.4
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-clickable@2.4.3
+-   @khanacademy/wonder-blocks-core@4.6.1
+-   @khanacademy/wonder-blocks-icon@1.2.34
+-   @khanacademy/wonder-blocks-layout@1.4.14
+-   @khanacademy/wonder-blocks-modal@3.0.4
+-   @khanacademy/wonder-blocks-search-field@1.0.16
+-   @khanacademy/wonder-blocks-typography@1.1.36
+
+## 2.10.3
+
+### Patch Changes
+
+-   Updated dependencies [b561425a]
+-   Updated dependencies [a566e232]
+-   Updated dependencies [d2b21a6e]
+    -   @khanacademy/wonder-blocks-core@4.6.0
+    -   @khanacademy/wonder-blocks-clickable@2.4.2
+    -   @khanacademy/wonder-blocks-icon@1.2.33
+    -   @khanacademy/wonder-blocks-layout@1.4.13
+    -   @khanacademy/wonder-blocks-modal@3.0.3
+    -   @khanacademy/wonder-blocks-search-field@1.0.15
+    -   @khanacademy/wonder-blocks-typography@1.1.35
+
 ## 2.10.2
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-dropdown",
-  "version": "2.10.2",
+  "version": "2.10.4",
   "design": "v1",
   "description": "Dropdown variants for Wonder Blocks.",
   "main": "dist/index.js",
@@ -16,16 +16,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^2.4.1",
+    "@khanacademy/wonder-blocks-clickable": "^2.4.3",
     "@khanacademy/wonder-blocks-color": "^1.2.0",
-    "@khanacademy/wonder-blocks-core": "^4.5.0",
-    "@khanacademy/wonder-blocks-icon": "^1.2.32",
-    "@khanacademy/wonder-blocks-layout": "^1.4.12",
-    "@khanacademy/wonder-blocks-modal": "^3.0.2",
-    "@khanacademy/wonder-blocks-search-field": "^1.0.14",
+    "@khanacademy/wonder-blocks-core": "^4.6.1",
+    "@khanacademy/wonder-blocks-icon": "^1.2.34",
+    "@khanacademy/wonder-blocks-layout": "^1.4.14",
+    "@khanacademy/wonder-blocks-modal": "^3.0.4",
+    "@khanacademy/wonder-blocks-search-field": "^1.0.16",
     "@khanacademy/wonder-blocks-spacing": "^3.0.5",
     "@khanacademy/wonder-blocks-timing": "^2.1.0",
-    "@khanacademy/wonder-blocks-typography": "^1.1.34"
+    "@khanacademy/wonder-blocks-typography": "^1.1.36"
   },
   "peerDependencies": {
     "@popperjs/core": "^2.10.1",
@@ -38,7 +38,7 @@
     "react-window": "^1.8.5"
   },
   "devDependencies": {
-    "@khanacademy/wonder-blocks-button": "^3.0.9",
-    "wb-dev-build-settings": "^0.4.0"
+    "@khanacademy/wonder-blocks-button": "^3.0.11",
+    "wb-dev-build-settings": "^0.6.0"
   }
 }

package/src/components/__tests__/action-item.test.js

@@ -1,11 +1,16 @@
 // @flow
 import * as React from "react";
-import {MemoryRouter, Link} from "react-router-dom";
-import {mount} from "enzyme";
 import {render, screen} from "@testing-library/react";
+import * as ReactRouterDOM from "react-router-dom";
 
 import ActionItem from "../action-item.js";
 
+jest.mock("react-router-dom", () => ({
+    __esModule: true,
+    ...jest.requireActual("react-router-dom"),
+    Link: jest.fn().mockReturnValue(<a href="/link">some link</a>),
+}));
+
 describe("ActionItem", () => {
     it("should render with disabled styles", () => {
         // Arrange
@@ -30,16 +35,17 @@ describe("ActionItem", () => {
 
     it("should render a Link if there's a router", () => {
         // Arrange
+        const linkSpy = jest.spyOn(ReactRouterDOM, "Link");
 
         // Act
-        const wrapper = mount(
-            <MemoryRouter>
+        render(
+            <ReactRouterDOM.MemoryRouter>
                 <ActionItem href="/foo" label="Example" />
-            </MemoryRouter>,
+            </ReactRouterDOM.MemoryRouter>,
         );
 
         // Assert
-        expect(wrapper.find(Link)).toHaveLength(1);
+        expect(linkSpy).toHaveBeenCalled();
     });
 
     it("should set the lang attribute if it's passed down", () => {

package/src/components/__tests__/dropdown-core.test.js

@@ -613,11 +613,11 @@ describe("DropdownCore", () => {
         );
 
         // Act
-        userEvent.keyboard("{tab}");
+        userEvent.tab();
 
         // Assert
         expect(handleOpen).toHaveBeenCalledTimes(0);
-        waitFor(() => {
+        await waitFor(() => {
             expect(
                 screen.getByRole("button", {name: "Clear search"}),
             ).toHaveFocus();
@@ -699,7 +699,7 @@ describe("DropdownCore", () => {
             const searchField = await screen.findByPlaceholderText("Filter");
 
             // Assert
-            waitFor(() => {
+            await waitFor(() => {
                 expect(searchField).toHaveFocus();
             });
         });
@@ -730,7 +730,7 @@ describe("DropdownCore", () => {
             userEvent.click(item);
 
             // Assert
-            waitFor(() => {
+            await waitFor(() => {
                 expect(item).toHaveFocus();
             });
         });