codeflash-agent/packages/blackbox/tests/e2e/test_sidebar.py
Kevin Turcios 0ad5e60523
Add blackbox package: session flight recorder with HTMX dashboard (#39)
* feat(blackbox): add package with models, CLI, and HTMX dashboard

* test(blackbox): add comprehensive test coverage for dashboard

* feat(blackbox): cache session scanning via watcher invalidation

* docs(blackbox): add README and use fastapi[standard] for dev server

* refactor(blackbox): extract presentation logic into formatter classes

* refactor(blackbox): extract classify_error helpers

* feat(blackbox): wire analytics into session detail view

Show token usage, tool breakdowns, and session stats in a
collapsible panel when viewing a session.

* feat(blackbox): add codeflash plugin detection

Detect codeflash agent names, skills, and commands in transcripts.
Surface language, optimization domain, and capability badges in
the analytics panel.

* refactor(blackbox): remove underscore prefixes from internal functions

* chore: add ty python-version to root pyproject.toml

* chore(blackbox): fix lint errors in test files

* style(blackbox): apply ruff formatting to analytics

* feat(blackbox): add Playwright E2E tests for dashboard

Refactor app.py to expose create_app() factory accepting a projects_dir
override, enabling tests to run against fixture data instead of the real
~/.claude/projects/ directory. Routes now read projects_dir from
app.state instead of the module-level constant.

Add 26 Playwright tests across 5 files covering dashboard loading,
session list, session detail with filters and analytics, sidebar
collapse/localStorage persistence, and SSE log streaming. All tests
pass on chromium, firefox, and webkit (78 total).

CI gets a new e2e-blackbox job with a browser matrix strategy running
all three engines in parallel, conditional on blackbox path changes,
with trace upload on failure.

* fix(ci): sync only blackbox package in e2e job

* fix(ci): exclude e2e tests from unit test job

The test job doesn't install Playwright browsers, so e2e tests error
when pytest collects them. Ignore tests/e2e/ directories in the test
job — those are handled by the dedicated e2e-blackbox job.
2026-04-28 19:58:43 -05:00

50 lines
2 KiB
Python

"""Tests for sidebar collapse/expand and localStorage persistence."""
from __future__ import annotations
import re
from typing import TYPE_CHECKING
import pytest
from playwright.sync_api import expect
if TYPE_CHECKING:
from playwright.sync_api import Page
pytestmark = pytest.mark.e2e
class TestSidebar:
"""Sidebar collapse/expand behavior and localStorage persistence."""
def test_collapse_button(self, dashboard: Page) -> None:
"""Clicking collapse hides the sidebar full content."""
dashboard.locator("#collapse-btn").click()
expect(dashboard.locator("#sidebar")).to_have_class(re.compile(r"collapsed"))
def test_expand_button(self, dashboard: Page) -> None:
"""Clicking expand restores the sidebar."""
dashboard.locator("#collapse-btn").click()
expect(dashboard.locator("#sidebar")).to_have_class(re.compile(r"collapsed"))
dashboard.locator("#expand-btn").click()
sidebar_classes = dashboard.locator("#sidebar").get_attribute("class") or ""
assert "collapsed" not in sidebar_classes
def test_collapse_persists_to_localstorage(self, dashboard: Page) -> None:
"""Collapsing sets localStorage sidebar-collapsed to '1'."""
dashboard.locator("#collapse-btn").click()
value = dashboard.evaluate("() => localStorage.getItem('sidebar-collapsed')")
assert "1" == value
def test_state_restored_on_reload(self, dashboard: Page, base_url: str) -> None:
"""Collapsed state persists across page reloads."""
dashboard.locator("#collapse-btn").click()
dashboard.goto(base_url)
expect(dashboard.locator("#sidebar")).to_have_class(re.compile(r"collapsed"))
def test_expand_clears_localstorage(self, dashboard: Page) -> None:
"""Expanding sets localStorage sidebar-collapsed to '0'."""
dashboard.locator("#collapse-btn").click()
dashboard.locator("#expand-btn").click()
value = dashboard.evaluate("() => localStorage.getItem('sidebar-collapsed')")
assert "0" == value