run gui tests in PR checks

.github/workflows/pr_checks.yaml

@@ -105,4 +105,9 @@ jobs:
       - name: Run core tests
         run: |
           cd core
-          npm run test
+          npm test
+
+      - name: Run gui tests
+        run: |
+          cd gui
+          npm test

gui/src/components/dialogs/ConfirmationDialog.test.tsx

@@ -0,0 +1,79 @@
+import { configureStore } from "@reduxjs/toolkit";
+import { fireEvent, render, screen } from "@testing-library/react";
+import { Provider } from "react-redux";
+import { describe, expect, it, vi } from "vitest";
+import { uiStateSlice } from "../../redux/slices/uiStateSlice";
+import ConfirmationDialog from "./ConfirmationDialog";
+
+const createMockStore = () => {
+  return configureStore({
+    reducer: {
+      uiState: uiStateSlice.reducer,
+    },
+  });
+};
+
+describe("ConfirmationDialog", () => {
+  const renderDialog = (props: any) => {
+    const store = createMockStore();
+    return render(
+      <Provider store={store}>
+        <ConfirmationDialog {...props} />
+      </Provider>,
+    );
+  };
+
+  it("renders with default props", () => {
+    const onConfirm = vi.fn();
+    renderDialog({ text: "Are you sure?", onConfirm });
+
+    expect(screen.getByText("Confirmation")).toBeInTheDocument();
+    expect(screen.getByText("Are you sure?")).toBeInTheDocument();
+    expect(screen.getByText("Cancel")).toBeInTheDocument();
+    expect(screen.getByText("Confirm")).toBeInTheDocument();
+  });
+
+  it("renders with custom title and confirm text", () => {
+    const onConfirm = vi.fn();
+    renderDialog({
+      text: "Delete item?",
+      title: "Custom Title",
+      confirmText: "Delete",
+      onConfirm,
+    });
+
+    expect(screen.getByText("Custom Title")).toBeInTheDocument();
+    expect(screen.getByText("Delete item?")).toBeInTheDocument();
+    expect(screen.getByText("Delete")).toBeInTheDocument();
+  });
+
+  it("hides cancel button when hideCancelButton is true", () => {
+    const onConfirm = vi.fn();
+    renderDialog({
+      text: "Proceed?",
+      hideCancelButton: true,
+      onConfirm,
+    });
+
+    expect(screen.queryByText("Cancel")).not.toBeInTheDocument();
+  });
+
+  it("calls onConfirm and dispatches actions when confirm button is clicked", () => {
+    const onConfirm = vi.fn();
+    renderDialog({ text: "Confirm action?", onConfirm });
+
+    fireEvent.click(screen.getByText("Confirm"));
+
+    expect(onConfirm).toHaveBeenCalledTimes(1);
+  });
+
+  it("calls onCancel and dispatches actions when cancel button is clicked", () => {
+    const onConfirm = vi.fn();
+    const onCancel = vi.fn();
+    renderDialog({ text: "Cancel action?", onConfirm, onCancel });
+
+    fireEvent.click(screen.getByText("Cancel"));
+
+    expect(onCancel).toHaveBeenCalledTimes(1);
+  });
+});

gui/src/pages/history/history.test.tsx

@@ -1,6 +1,6 @@
-import HistoryPage from "./index";
-import { renderWithProviders } from "../../util/test/render";
 import { screen } from "@testing-library/dom";
+import { renderWithProviders } from "../../util/test/render";
+import HistoryPage from "./index";
 
 const navigateFn = vi.fn();
 
@@ -15,6 +15,8 @@ vi.mock("react-router-dom", async () => {
 describe("history Page test", () => {
   it("History text is existed after render", () => {
     renderWithProviders(<HistoryPage />);
-    expect(screen.getByText("History")).toBeInTheDocument();
+    expect(
+      screen.getByText("All session data is saved in ~/.continue/sessions"),
+    ).toBeInTheDocument();
   });
 });