refactor: simplify frontend state and mutation boundaries

src/pages/card/ui/CardPage/CardPage.test.tsx

@@ -126,6 +126,32 @@ function setup(
 }
 
 describe("CardPage", () => {
+	it.each([
+		["Изменить карту", "Изменить карту"],
+		["Добавить операцию", "Добавить операцию"],
+		["Изменить", "Изменить операцию"],
+		["Удалить", "Удалить операцию?"],
+	])("opens %s and restores focus after cancellation", async (action, title) => {
+		setup();
+		server.use(
+			http.get("*/api/v1/bank-cards/categories", () =>
+				HttpResponse.json([]),
+			),
+			http.get("*/api/v1/bank-cards/operations/:id", ({ params }) =>
+				HttpResponse.json({ ...operation, id: params.id }),
+			),
+		);
+		await screen.findByText("Перевод на «Запасная»");
+		const trigger = screen.getByRole("button", { name: action });
+		await waitFor(() => expect(trigger).toBeEnabled());
+		trigger.focus();
+		fireEvent.click(trigger);
+		const dialog = await screen.findByRole("dialog", { name: title });
+		fireEvent.click(within(dialog).getByRole("button", { name: "Отмена" }));
+		await waitFor(() => expect(dialog).not.toBeInTheDocument());
+		await waitFor(() => expect(trigger).toHaveFocus());
+	});
+
 	it.each([
 		["0001-01", "0001-01-31"],
 		["0099-12", "0099-12-31"],