- Mount /opt/playwright-tools/browsers into web container (docker-compose.yml and CI docker run) — never download browsers, use the ones on this host - Set PLAYWRIGHT_BROWSERS_PATH in all container envs (compose + CI) - Drop 'playwright install chromium' steps from pr-e2e and nightly-e2e jobs - Bump playwright requirement to ~1.57.0 to match the installed browser builds - Fix seed_e2e_content: de-duplicate default Site entries left by unit test fixtures so Wagtail always routes to the seeded home page - Fix test_comments_section_absent_when_disabled: use exact=True on heading locator to avoid matching 'No Comments Article' h1 as 'Comments' heading - Fix test_copy_link_button_updates_text: use [data-copy-link] data-attr locator (stable across text change) and force-override clipboard.writeText via page.evaluate() rather than relying on init_script polyfill E2E suite verified locally: 34 passed via docker compose exec Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
73 lines
2.6 KiB
Python
73 lines
2.6 KiB
Python
"""E2E tests for article detail pages."""
|
|
|
|
from __future__ import annotations
|
|
|
|
import pytest
|
|
from playwright.sync_api import Page, expect
|
|
|
|
ARTICLE_SLUG = "nightly-playwright-journey"
|
|
|
|
|
|
def _go_to_article(page: Page, base_url: str) -> None:
|
|
page.goto(f"{base_url}/articles/{ARTICLE_SLUG}/", wait_until="networkidle")
|
|
|
|
|
|
@pytest.mark.e2e
|
|
def test_article_title_visible(page: Page, base_url: str) -> None:
|
|
_go_to_article(page, base_url)
|
|
h1 = page.get_by_role("heading", level=1)
|
|
expect(h1).to_be_visible()
|
|
assert h1.inner_text().strip() != ""
|
|
|
|
|
|
@pytest.mark.e2e
|
|
def test_article_read_time_visible(page: Page, base_url: str) -> None:
|
|
_go_to_article(page, base_url)
|
|
# Read time is rendered as "N min read"
|
|
expect(page.get_by_text("min read")).to_be_visible()
|
|
|
|
|
|
@pytest.mark.e2e
|
|
def test_article_share_section_present(page: Page, base_url: str) -> None:
|
|
_go_to_article(page, base_url)
|
|
share_section = page.get_by_role("region", name="Share this article")
|
|
expect(share_section).to_be_visible()
|
|
expect(share_section.get_by_role("link", name="Share on X")).to_be_visible()
|
|
expect(share_section.get_by_role("link", name="Share on LinkedIn")).to_be_visible()
|
|
expect(share_section.get_by_role("button", name="Copy link")).to_be_visible()
|
|
|
|
|
|
@pytest.mark.e2e
|
|
def test_article_comments_section_present(page: Page, base_url: str) -> None:
|
|
_go_to_article(page, base_url)
|
|
# The article has comments_enabled=True
|
|
expect(page.get_by_role("heading", name="Comments", exact=True)).to_be_visible()
|
|
expect(page.get_by_role("button", name="Post comment")).to_be_visible()
|
|
|
|
|
|
@pytest.mark.e2e
|
|
def test_article_newsletter_aside_present(page: Page, base_url: str) -> None:
|
|
_go_to_article(page, base_url)
|
|
# There's a Newsletter aside within the article page
|
|
aside = page.locator("aside")
|
|
expect(aside).to_be_visible()
|
|
expect(aside.locator('input[type="email"]')).to_be_visible()
|
|
|
|
|
|
@pytest.mark.e2e
|
|
def test_article_related_section_present(page: Page, base_url: str) -> None:
|
|
_go_to_article(page, base_url)
|
|
# Related section heading
|
|
expect(page.get_by_role("heading", name="Related")).to_be_visible()
|
|
|
|
|
|
@pytest.mark.e2e
|
|
def test_copy_link_button_updates_text(page: Page, base_url: str) -> None:
|
|
_go_to_article(page, base_url)
|
|
copy_btn = page.locator("[data-copy-link]")
|
|
expect(copy_btn).to_be_visible()
|
|
# Force-override clipboard so writeText always resolves, even in non-HTTPS headless context
|
|
page.evaluate("navigator.clipboard.writeText = () => Promise.resolve()")
|
|
copy_btn.click()
|
|
expect(copy_btn).to_have_text("Copied")
|