diff --git a/src/button/ReactionToggleButton.test.tsx b/src/button/ReactionToggleButton.test.tsx
index b13b74fa..14218820 100644
--- a/src/button/ReactionToggleButton.test.tsx
+++ b/src/button/ReactionToggleButton.test.tsx
@@ -5,8 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
Please see LICENSE in the repository root for full details.
*/
-import { fireEvent, render } from "@testing-library/react";
-import { act } from "react";
+import { render } from "@testing-library/react";
import { expect, test } from "vitest";
import { MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc";
import { TooltipProvider } from "@vector-im/compound-web";
@@ -122,7 +121,7 @@ test("Can react with emoji", async () => {
]);
});
-test("Can search for and send emoji", async () => {
+test("Can fully expand emoji picker", async () => {
const user = userEvent.setup();
const room = new MockRoom(memberUserIdAlice);
const rtcSession = new MockRTCSession(room, membership);
@@ -130,9 +129,7 @@ test("Can search for and send emoji", async () => {
,
);
await user.click(getByLabelText("action.raise_hand_or_send_reaction"));
- await user.click(getByLabelText("action.open_search"));
- // Search should autofocus.
- await user.keyboard("crickets");
+ await user.click(getByLabelText("action.show_more"));
expect(container).toMatchSnapshot();
await user.click(getByText("🦗"));
@@ -152,38 +149,6 @@ test("Can search for and send emoji", async () => {
]);
});
-test("Can search for and send emoji with the keyboard", async () => {
- const user = userEvent.setup();
- const room = new MockRoom(memberUserIdAlice);
- const rtcSession = new MockRTCSession(room, membership);
- const { getByLabelText, getByPlaceholderText, container } = render(
- ,
- );
- await user.click(getByLabelText("action.raise_hand_or_send_reaction"));
- await user.click(getByLabelText("action.open_search"));
- const searchField = getByPlaceholderText("reaction_search");
- // Search should autofocus.
- await user.keyboard("crickets");
- expect(container).toMatchSnapshot();
- act(() => {
- fireEvent.keyDown(searchField, { key: "Enter" });
- });
- expect(room.testSentEvents).toEqual([
- [
- undefined,
- ElementCallReactionEventType,
- {
- "m.relates_to": {
- event_id: memberEventAlice,
- rel_type: "m.reference",
- },
- name: "crickets",
- emoji: "🦗",
- },
- ],
- ]);
-});
-
test("Can close search", async () => {
const user = userEvent.setup();
const room = new MockRoom(memberUserIdAlice);
@@ -192,23 +157,7 @@ test("Can close search", async () => {
,
);
await user.click(getByLabelText("action.raise_hand_or_send_reaction"));
- await user.click(getByLabelText("action.open_search"));
- await user.click(getByLabelText("action.close_search"));
- expect(container).toMatchSnapshot();
-});
-
-test("Can close search with the escape key", async () => {
- const user = userEvent.setup();
- const room = new MockRoom(memberUserIdAlice);
- const rtcSession = new MockRTCSession(room, membership);
- const { getByLabelText, container, getByPlaceholderText } = render(
- ,
- );
- await user.click(getByLabelText("action.raise_hand_or_send_reaction"));
- await user.click(getByLabelText("action.open_search"));
- const searchField = getByPlaceholderText("reaction_search");
- act(() => {
- fireEvent.keyDown(searchField, { key: "Escape" });
- });
+ await user.click(getByLabelText("action.show_more"));
+ await user.click(getByLabelText("action.show_less"));
expect(container).toMatchSnapshot();
});
diff --git a/src/button/__snapshots__/ReactionToggleButton.test.tsx.snap b/src/button/__snapshots__/ReactionToggleButton.test.tsx.snap
index bee0bdb1..1950d566 100644
--- a/src/button/__snapshots__/ReactionToggleButton.test.tsx.snap
+++ b/src/button/__snapshots__/ReactionToggleButton.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`Can close search 1`] = `
aria-expanded="true"
aria-haspopup="true"
aria-label="action.raise_hand_or_send_reaction"
- aria-labelledby=":rec:"
+ aria-labelledby=":rad:"
class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
data-kind="primary"
data-size="lg"
@@ -36,16 +36,19 @@ exports[`Can close search 1`] = `
`;
-exports[`Can close search with the escape key 1`] = `
-
+exports[`Can fully expand emoji picker 1`] = `
+
`;
-
-exports[`Can search for and send emoji 1`] = `
-
-`;
-
-exports[`Can search for and send emoji with the keyboard 1`] = `
-
-`;