-
{t('generate.title')}
+
{t('nav.generate')}
{t('generate.subtitle')}
diff --git a/src/pages/SourcesPage.tsx b/src/pages/SourcesPage.tsx
index 203c6d972..1d60ea86b 100644
--- a/src/pages/SourcesPage.tsx
+++ b/src/pages/SourcesPage.tsx
@@ -151,8 +151,7 @@ export default function SourcesPage() {
className="text-primary underline underline-offset-2 break-words [overflow-wrap:anywhere] hover:text-primary/80 transition-colors"
>
{source.url}
- {" "}
- [Consulta: 8 de marzo de 2026].
+
))}
diff --git a/src/test/components/FactoidsResults.test.tsx b/src/test/components/FactoidsResults.test.tsx
index 70fb97a22..a63864b50 100644
--- a/src/test/components/FactoidsResults.test.tsx
+++ b/src/test/components/FactoidsResults.test.tsx
@@ -51,3 +51,18 @@ test('renders consulted sources with a fallback label for weak sources', () => {
expect(screen.getByRole('link', { name: /broad fallback article/i })).toHaveAttribute('href', discoveredSources[0].url);
expect(screen.getByText('fallback context only')).toBeInTheDocument();
});
+
+test('names the save action with the factoid claim', () => {
+ render(
);
+
+ expect(screen.getByRole('button', {
+ name: 'Save Solar costs fell by 42 percent to library',
+ })).toBeInTheDocument();
+});
diff --git a/src/test/pages/AttackPage.test.tsx b/src/test/pages/AttackPage.test.tsx
index 93d681baf..af3937bae 100644
--- a/src/test/pages/AttackPage.test.tsx
+++ b/src/test/pages/AttackPage.test.tsx
@@ -114,7 +114,7 @@ describe('AttackPage Integration', () => {
);
- expect(screen.getByText('Attack My Case')).toBeInTheDocument();
+ expect(screen.getByRole('heading', { name: 'Attack' })).toBeInTheDocument();
expect(screen.getByTestId('attack-form')).toBeInTheDocument();
expect(screen.queryByTestId('attack-results')).not.toBeInTheDocument();
});
diff --git a/src/test/pages/FlowchartPage.test.tsx b/src/test/pages/FlowchartPage.test.tsx
new file mode 100644
index 000000000..544091879
--- /dev/null
+++ b/src/test/pages/FlowchartPage.test.tsx
@@ -0,0 +1,110 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import { beforeEach, expect, test, vi } from 'vitest';
+import FlowchartPage from '@/pages/FlowchartPage';
+
+const { mockSavedFlowcharts, mockToastSuccess } = vi.hoisted(() => ({
+ mockSavedFlowcharts: [] as Array<{
+ id: string;
+ title: string;
+ createdAt: number;
+ data: { nodes: unknown[]; edges: unknown[] };
+ }>,
+ mockToastSuccess: vi.fn(),
+}));
+
+vi.mock('sonner', () => ({
+ toast: { success: mockToastSuccess, error: vi.fn() },
+}));
+
+vi.mock('html-to-image', () => ({ toPng: vi.fn() }));
+
+vi.mock('@/lib/stores/session-store', () => ({
+ useSessionStore: () => ({
+ pendingFlowchartData: null as null,
+ setPendingFlowchartData: vi.fn(),
+ saveFlowchart: vi.fn(),
+ savedFlowcharts: mockSavedFlowcharts,
+ deleteSavedFlowchart: vi.fn(),
+ }),
+}));
+
+vi.mock('reactflow', async () => {
+ const React = await import('react');
+ return {
+ default: ({ nodes, onNodeClick }: {
+ nodes: Array<{ id: string; data: { label: string } }>;
+ onNodeClick: (event: React.MouseEvent, node: { id: string }) => void;
+ }) =>
{nodes.map((node) => (
+
+ ))}
,
+ useNodesState: (initial: unknown[]) => {
+ const [nodes, setNodes] = React.useState(initial);
+ return [nodes, setNodes, vi.fn()];
+ },
+ useEdgesState: (initial: unknown[]) => {
+ const [edges, setEdges] = React.useState(initial);
+ return [edges, setEdges, vi.fn()];
+ },
+ addEdge: vi.fn(),
+ Controls: (): null => null,
+ Background: (): null => null,
+ MiniMap: (): null => null,
+ Handle: (): null => null,
+ Position: { Top: 'top', Bottom: 'bottom' },
+ MarkerType: { ArrowClosed: 'arrowclosed' },
+ BackgroundVariant: { Dots: 'dots' },
+ };
+});
+
+beforeEach(() => {
+ mockSavedFlowcharts.length = 0;
+ mockToastSuccess.mockClear();
+});
+
+test('keeps a selected node when deletion is cancelled', () => {
+ render(
);
+
+ fireEvent.click(screen.getByRole('button', { name: 'Argument 1' }));
+ fireEvent.click(screen.getAllByRole('button', { name: 'Delete' })[0]);
+
+ expect(screen.getByRole('alertdialog', { name: 'Delete node?' })).toBeInTheDocument();
+ fireEvent.click(screen.getByRole('button', { name: 'Cancel' }));
+ expect(screen.getByRole('button', { name: 'Argument 1' })).toBeInTheDocument();
+ expect(mockToastSuccess).not.toHaveBeenCalled();
+});
+
+test('deletes a selected node only after confirmation and reports success', () => {
+ render(
);
+
+ fireEvent.click(screen.getByRole('button', { name: 'Argument 1' }));
+ fireEvent.click(screen.getAllByRole('button', { name: 'Delete' })[0]);
+ fireEvent.click(screen.getByRole('button', { name: 'Delete node' }));
+
+ expect(screen.queryByRole('button', { name: 'Argument 1' })).not.toBeInTheDocument();
+ expect(mockToastSuccess).toHaveBeenCalledWith('Node deleted');
+});
+
+test('clears a stale node selection when a saved flowchart is loaded', () => {
+ mockSavedFlowcharts.push({
+ id: 'saved-1',
+ title: 'Loaded chart',
+ createdAt: Date.now(),
+ data: {
+ nodes: [{
+ id: 'loaded-node',
+ type: 'custom',
+ position: { x: 0, y: 0 },
+ data: { label: 'Loaded argument', type: 'contention' },
+ }],
+ edges: [],
+ },
+ });
+ render(
);
+
+ fireEvent.click(screen.getByRole('button', { name: 'Argument 1' }));
+ fireEvent.click(screen.getByRole('button', { name: 'Load' }));
+ fireEvent.click(screen.getByRole('button', { name: /Loaded chart/ }));
+
+ expect(screen.getByRole('button', { name: 'Loaded argument' })).toBeInTheDocument();
+ expect(screen.queryByRole('button', { name: 'Delete' })).not.toBeInTheDocument();
+});
diff --git a/src/test/pages/SourcesPage.test.tsx b/src/test/pages/SourcesPage.test.tsx
new file mode 100644
index 000000000..4285df873
--- /dev/null
+++ b/src/test/pages/SourcesPage.test.tsx
@@ -0,0 +1,9 @@
+import { render, screen } from '@testing-library/react';
+import SourcesPage from '@/pages/SourcesPage';
+
+test('does not present a stale consultation date as current source metadata', () => {
+ render(
);
+
+ expect(screen.queryByText(/Consulta: 8 de marzo de 2026/i)).not.toBeInTheDocument();
+ expect(screen.getByRole('link', { name: /cambridge\.org/i })).toBeInTheDocument();
+});