start to switch test suite to playwright

Author: rmorshea

.github/workflows/test.yml

@@ -15,7 +15,6 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - uses: nanasess/setup-chromedriver@master
       - uses: actions/setup-node@v2
         with:
           node-version: "14.x"
@@ -38,7 +37,6 @@ jobs:
         os: [ubuntu-latest, macos-latest, windows-latest]
     steps:
       - uses: actions/checkout@v2
-      - uses: nanasess/setup-chromedriver@master
       - uses: actions/setup-node@v2
         with:
           node-version: "14.x"

noxfile.py

@@ -179,7 +179,7 @@ def test_python_suite(session: Session) -> None:
     """Run the Python-based test suite"""
     session.env["IDOM_DEBUG_MODE"] = "1"
     install_requirements_file(session, "test-env")
-
+    session.run("playwright install")
     posargs = session.posargs
     posargs += ["--reruns", "3", "--reruns-delay", "1"]
 

requirements/pkg-extras.txt

@@ -1,13 +1,13 @@
 # extra=stable,sanic
-sanic <19.12.0
+sanic
 sanic-cors
 
 # extra=fastapi
 fastapi >=0.63.0
 uvicorn[standard] >=0.13.4
 
 # extra=starlette
-fastapi >=0.16.0
+starlette >=0.13.6
 uvicorn[standard] >=0.13.4
 
 # extra=flask

requirements/test-env.txt

@@ -1,9 +1,9 @@
 ipython
 pytest
-pytest-asyncio
+pytest-asyncio>=0.17
 pytest-cov
 pytest-mock
 pytest-rerunfailures
 pytest-timeout
 responses
-selenium
+playwright

setup.cfg

@@ -24,7 +24,8 @@ testpaths = tests
 xfail_strict = True
 markers =
     slow: marks tests as slow (deselect with '-m "not slow"')
-python_files = assert_*.py test_*.py
+python_files = *asserts.py test_*.py
+asyncio_mode = auto
 
 [coverage:report]
 fail_under = 100

src/idom/sample.py

@@ -11,7 +11,7 @@
 
 @component
 def App() -> VdomDict:
-    return html._(
+    return html.div(
         {"style": {"padding": "15px"}},
         html.h1("Sample Application"),
         html.p(

tests/__init__.py

@@ -0,0 +1 @@
+from .utils.browser import Display

tests/conftest.py

@@ -1,27 +1,21 @@
 from __future__ import annotations
 
-import inspect
 import os
-from typing import Any, List
+from dataclasses import dataclass
+from typing import Awaitable, Callable, List
 
 import pytest
 from _pytest.config import Config
 from _pytest.config.argparsing import Parser
-from selenium.webdriver import Chrome, ChromeOptions
-from selenium.webdriver.support.ui import WebDriverWait
 
 import idom
-from idom.testing import (
-    ServerMountPoint,
-    clear_idom_web_modules_dir,
-    create_simple_selenium_web_driver,
-)
+from idom.testing import ServerMountPoint, clear_idom_web_modules_dir
+from tests.utils.browser import launch_browser, open_display
 
 
 def pytest_collection_modifyitems(
-    session: pytest.Session, config: pytest.config.Config, items: List[pytest.Item]
+    session: pytest.Session, config: Config, items: List[pytest.Item]
 ) -> None:
-    _mark_coros_as_async_tests(items)
     _skip_web_driver_tests_on_windows(items)
 
 
@@ -32,92 +26,25 @@ def pytest_addoption(parser: Parser) -> None:
         action="store_true",
         help="Whether to run browser tests in headless mode.",
     )
-    parser.addoption(
-        "--no-restore",
-        dest="restore_client",
-        action="store_false",
-        help="Whether to restore the client build before testing.",
-    )
 
 
 @pytest.fixture
-def display(driver, server_mount_point):
-    display_id = idom.Ref(0)
-
-    def mount_and_display(component_constructor, query=None, check_mount=True):
-        component_id = f"display-{display_id.set_current(display_id.current + 1)}"
-        server_mount_point.mount(
-            lambda: idom.html.div({"id": component_id}, component_constructor())
-        )
-        driver.get(server_mount_point.url(query=query))
-        if check_mount:
-            driver.find_element("id", component_id)
-        return component_id
-
-    yield mount_and_display
+async def display(browser):
+    async with open_display(browser, idom.server.any) as display:
+        yield display
 
 
 @pytest.fixture
-def driver_get(driver, server_mount_point):
-    return lambda query=None: driver.get(server_mount_point.url(query=query))
-
-
-@pytest.fixture
-async def server_mount_point():
-    """An IDOM layout mount function and server as a tuple
-
-    The ``mount`` and ``server`` fixtures use this.
-    """
-    async with ServerMountPoint() as mount_point:
-        yield mount_point
-
-
-@pytest.fixture(scope="module")
-def driver_wait(driver):
-    return WebDriverWait(driver, 3)
-
-
-@pytest.fixture(scope="module")
-def driver(create_driver) -> Chrome:
-    """A Selenium web driver"""
-    return create_driver()
-
-
-@pytest.fixture(scope="module")
-def create_driver(driver_is_headless):
-    """A Selenium web driver"""
-    drivers = []
-
-    def create(**kwargs: Any):
-        options = ChromeOptions()
-        options.headless = driver_is_headless
-        driver = create_simple_selenium_web_driver(driver_options=options, **kwargs)
-        drivers.append(driver)
-        return driver
-
-    yield create
-
-    for d in drivers:
-        d.quit()
-
-
-@pytest.fixture(scope="session")
-def driver_is_headless(pytestconfig: Config):
-    return bool(pytestconfig.option.headless)
+async def browser(pytestconfig: Config):
+    async with launch_browser(headless=bool(pytestconfig.option.headless)) as browser:
+        yield browser
 
 
 @pytest.fixture(autouse=True)
 def _clear_web_modules_dir_after_test():
     clear_idom_web_modules_dir()
 
 
-def _mark_coros_as_async_tests(items: List[pytest.Item]) -> None:
-    for item in items:
-        if isinstance(item, pytest.Function):
-            if inspect.iscoroutinefunction(item.function):
-                item.add_marker(pytest.mark.asyncio)
-
-
 def _skip_web_driver_tests_on_windows(items: List[pytest.Item]) -> None:
     if os.name == "nt":
         for item in items:

tests/driver_utils.py

@@ -4,7 +4,7 @@
 
 import idom
 from idom.testing import ServerMountPoint
-from tests.driver_utils import send_keys
+from tests.utils.browser import send_keys
 
 
 JS_DIR = Path(__file__).parent / "js"