laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update test to catch the appearance regression

Browse Source
This commit is contained in:
Lendemor 2024-12-06 20:11:34 +01:00
parent 06bcb849f0
commit b8e08772d2
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
tests/integration/tests_playwright/test_appearance.py
View File

@ -43,7 +43,7 @@ def ColorToggleApp():
import reflex as rx import reflex as rx
from reflex.style import color_mode, resolved_color_mode, set_color_mode from reflex.style import color_mode, resolved_color_mode, set_color_mode
app = rx.App() app = rx.App(theme=rx.theme(appearance="light"))
@app.add_page @app.add_page
def index(): def index():
@ -173,20 +173,27 @@ def test_appearance_color_toggle(color_toggle_app: AppHarness, page: Page):
assert color_toggle_app.frontend_url is not None assert color_toggle_app.frontend_url is not None
page.goto(color_toggle_app.frontend_url) page.goto(color_toggle_app.frontend_url)
expect(page.get_by_text("system")).to_be_visible() # Radio buttons locators.
radio_system = page.get_by_role("radio").nth(0) radio_system = page.get_by_role("radio").nth(0)
radio_light = page.get_by_role("radio").nth(1) radio_light = page.get_by_role("radio").nth(1)
radio_dark = page.get_by_role("radio").nth(2) radio_dark = page.get_by_role("radio").nth(2)
# Text locators to check.
current_color_mode = page.locator("id=current_color_mode") current_color_mode = page.locator("id=current_color_mode")
resolved_color_mode = page.locator("id=resolved_color_mode") resolved_color_mode = page.locator("id=resolved_color_mode")
color_mode_cond = page.locator("id=color_mode_cond") color_mode_cond = page.locator("id=color_mode_cond")
root_body = page.locator('div[data-is-root-theme="true"]') root_body = page.locator('div[data-is-root-theme="true"]')
# Background colors.
dark_background = "rgb(17, 17, 19)" # value based on dark native appearance, can change depending on the browser dark_background = "rgb(17, 17, 19)" # value based on dark native appearance, can change depending on the browser
light_background = "rgb(255, 255, 255)" light_background = "rgb(255, 255, 255)"
# check initial state
expect(current_color_mode).to_have_text("light")
expect(resolved_color_mode).to_have_text("light")
expect(color_mode_cond).to_have_text("LightMode")
expect(root_body).to_have_css("background-color", light_background)
# click dark mode # click dark mode
radio_dark.click() radio_dark.click()
expect(current_color_mode).to_have_text("dark") expect(current_color_mode).to_have_text("dark")