mirror of
https://github.com/pyscript/pyscript.git
synced 2025-12-22 11:45:28 -05:00
Bootstrap python tests (#697)
* move current integration tests to the integration folder * move pyscript.py into its own python folder * change the path for python unit testing files * change pyscript.py path * Update Makefile * remove echo * replace conda run with pytest directly * oops, add python test files I embarrassingly forgot to add Co-authored-by: Peter W <34256109+pww217@users.noreply.github.com>
This commit is contained in:
378
pyscriptjs/tests/integration/support.py
Normal file
378
pyscriptjs/tests/integration/support.py
Normal file
@@ -0,0 +1,378 @@
|
||||
import time
|
||||
|
||||
import py
|
||||
import pytest
|
||||
|
||||
ROOT = py.path.local(__file__).dirpath("..", "..", "..")
|
||||
BUILD = ROOT.join("pyscriptjs", "build")
|
||||
|
||||
|
||||
@pytest.mark.usefixtures("init")
|
||||
class PyScriptTest:
|
||||
"""
|
||||
Base class to write PyScript integration tests, based on playwright.
|
||||
|
||||
It provides a simple API to generate HTML files and load them in
|
||||
playwright.
|
||||
|
||||
It also provides a Pythonic API on top of playwright for the most
|
||||
common tasks; in particular:
|
||||
|
||||
- self.console collects all the JS console.* messages. Look at the doc
|
||||
of ConsoleMessageCollection for more details.
|
||||
|
||||
- self.check_errors() checks that no JS errors have been thrown
|
||||
|
||||
- after each test, self.check_errors() is automatically run to ensure
|
||||
that no JS error passes uncaught.
|
||||
|
||||
- self.wait_for_console waits until the specified message appears in the
|
||||
console
|
||||
|
||||
- self.wait_for_pyscript waits until all the PyScript tags have been
|
||||
evaluated
|
||||
|
||||
- self.pyscript_run is the main entry point for pyscript tests: it
|
||||
creates an HTML page to run the specified snippet.
|
||||
"""
|
||||
|
||||
@pytest.fixture()
|
||||
def init(self, request, tmpdir, http_server, logger, page):
|
||||
"""
|
||||
Fixture to automatically initialize all the tests in this class and its
|
||||
subclasses.
|
||||
|
||||
The magic is done by the decorator @pyest.mark.usefixtures("init"),
|
||||
which tells pytest to automatically use this fixture for all the test
|
||||
method of this class.
|
||||
|
||||
Using the standard pytest behavior, we can request more fixtures:
|
||||
tmpdir, http_server and page; 'page' is a fixture provided by
|
||||
pytest-playwright.
|
||||
|
||||
Then, we save these fixtures on the self and proceed with more
|
||||
initialization. The end result is that the requested fixtures are
|
||||
automatically made available as self.xxx in all methods.
|
||||
"""
|
||||
self.testname = request.function.__name__.replace("test_", "")
|
||||
self.tmpdir = tmpdir
|
||||
# create a symlink to BUILD inside tmpdir
|
||||
tmpdir.join("build").mksymlinkto(BUILD)
|
||||
self.tmpdir.chdir()
|
||||
self.http_server = http_server
|
||||
self.logger = logger
|
||||
self.init_page(page)
|
||||
#
|
||||
# this extra print is useful when using pytest -s, else we start printing
|
||||
# in the middle of the line
|
||||
print()
|
||||
#
|
||||
# if you use pytest --headed you can see the browser page while
|
||||
# playwright executes the tests. However, the page is closed very
|
||||
# quickly as soon as the test finishes. If you want to pause the test
|
||||
# to have time to inspect it manually, uncomment the next two
|
||||
# lines. The lines after the 'yield' will be executed during the
|
||||
# teardown, leaving the page open until you exit pdb.
|
||||
## yield
|
||||
## import pdb;pdb.set_trace()
|
||||
|
||||
def init_page(self, page):
|
||||
self.page = page
|
||||
self.console = ConsoleMessageCollection(self.logger)
|
||||
self._page_errors = []
|
||||
page.on("console", self.console.add_message)
|
||||
page.on("pageerror", self._on_pageerror)
|
||||
|
||||
def teardown_method(self):
|
||||
# we call check_errors on teardown: this means that if there are still
|
||||
# non-cleared errors, the test will fail. If you expect errors in your
|
||||
# page and they should not cause the test to fail, you should call
|
||||
# self.check_errors() in the test itself.
|
||||
self.check_errors()
|
||||
|
||||
def _on_pageerror(self, error):
|
||||
self.logger.log("JS exception", error.stack, color="red")
|
||||
self._page_errors.append(error)
|
||||
|
||||
def check_errors(self):
|
||||
"""
|
||||
Check whether JS errors were reported.
|
||||
|
||||
If it finds a single JS error, raise JsError.
|
||||
If it finds multiple JS errors, raise JsMultipleErrors.
|
||||
|
||||
Upon return, all the errors are cleared, so a subsequent call to
|
||||
check_errors will not raise, unless NEW JS errors have been reported
|
||||
in the meantime.
|
||||
"""
|
||||
exc = None
|
||||
if len(self._page_errors) == 1:
|
||||
# if there is a single error, wrap it
|
||||
exc = JsError(self._page_errors[0])
|
||||
elif len(self._page_errors) >= 2:
|
||||
exc = JsMultipleErrors(self._page_errors)
|
||||
self._page_errors = []
|
||||
if exc:
|
||||
raise exc
|
||||
|
||||
def clear_errors(self):
|
||||
"""
|
||||
Clear all JS errors.
|
||||
"""
|
||||
self._page_errors = []
|
||||
|
||||
def writefile(self, filename, content):
|
||||
"""
|
||||
Very thin helper to write a file in the tmpdir
|
||||
"""
|
||||
f = self.tmpdir.join(filename)
|
||||
f.write(content)
|
||||
|
||||
def goto(self, path):
|
||||
self.logger.reset()
|
||||
self.logger.log("page.goto", path, color="yellow")
|
||||
url = f"{self.http_server}/{path}"
|
||||
self.page.goto(url)
|
||||
|
||||
def wait_for_console(self, text, *, timeout=None, check_errors=True):
|
||||
"""
|
||||
Wait until the given message appear in the console.
|
||||
|
||||
Note: it must be the *exact* string as printed by e.g. console.log.
|
||||
If you need more control on the predicate (e.g. if you want to match a
|
||||
substring), use self.page.expect_console_message directly.
|
||||
|
||||
timeout is expressed in milliseconds. If it's None, it will use
|
||||
playwright's own default value, which is 30 seconds).
|
||||
|
||||
If check_errors is True (the default), it also checks that no JS
|
||||
errors were raised during the waiting.
|
||||
"""
|
||||
pred = lambda msg: msg.text == text
|
||||
try:
|
||||
with self.page.expect_console_message(pred, timeout=timeout):
|
||||
pass
|
||||
finally:
|
||||
# raise JsError if there were any javascript exception. Note that
|
||||
# this might happen also in case of a TimeoutError. In that case,
|
||||
# the JsError will shadow the TimeoutError but this is correct,
|
||||
# because it's very likely that the console message never appeared
|
||||
# precisely because of the exception in JS.
|
||||
if check_errors:
|
||||
self.check_errors()
|
||||
|
||||
def wait_for_pyscript(self, *, timeout=None, check_errors=True):
|
||||
"""
|
||||
Wait until pyscript has been fully loaded.
|
||||
|
||||
Timeout is expressed in milliseconds. If it's None, it will use
|
||||
playwright's own default value, which is 30 seconds).
|
||||
|
||||
If check_errors is True (the default), it also checks that no JS
|
||||
errors were raised during the waiting.
|
||||
"""
|
||||
# this is printed by pyconfig.ts:PyodideRuntime.initialize
|
||||
self.wait_for_console(
|
||||
"===PyScript page fully initialized===",
|
||||
timeout=timeout,
|
||||
check_errors=check_errors,
|
||||
)
|
||||
|
||||
def pyscript_run(self, snippet):
|
||||
"""
|
||||
Main entry point for pyscript tests.
|
||||
|
||||
snippet contains a fragment of HTML which will be put inside a full
|
||||
HTML document. In particular, the <head> automatically contains the
|
||||
correct <script> and <link> tags which are necessary to load pyscript
|
||||
correctly.
|
||||
|
||||
This method does the following:
|
||||
- write a full HTML file containing the snippet
|
||||
- open a playwright page for it
|
||||
- wait until pyscript has been fully loaded
|
||||
"""
|
||||
doc = f"""
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="{self.http_server}/build/pyscript.css" />
|
||||
<script defer src="{self.http_server}/build/pyscript.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
{snippet}
|
||||
</body>
|
||||
</html>
|
||||
"""
|
||||
filename = f"{self.testname}.html"
|
||||
self.writefile(filename, doc)
|
||||
self.goto(filename)
|
||||
self.wait_for_pyscript()
|
||||
|
||||
|
||||
# ============== Helpers and utility functions ==============
|
||||
|
||||
|
||||
class JsError(Exception):
|
||||
"""
|
||||
Represent an exception which happened in JS.
|
||||
|
||||
It's a thin wrapper around playwright.sync_api.Error, with two important
|
||||
differences:
|
||||
|
||||
1. it has a better name: if you see JsError in a traceback, it's
|
||||
immediately obvious that it's a JS exception.
|
||||
|
||||
2. Show also the JS stacktrace by default, contrarily to
|
||||
playwright.sync_api.Error
|
||||
"""
|
||||
|
||||
def __init__(self, error):
|
||||
super().__init__(self.format_playwright_error(error))
|
||||
self.error = error
|
||||
|
||||
@staticmethod
|
||||
def format_playwright_error(error):
|
||||
# apparently, playwright Error.stack contains all the info that we
|
||||
# want: exception name, message and stacktrace. The docs say that
|
||||
# error.stack is optional, so fallback to the standard repr if it's
|
||||
# unavailable.
|
||||
return error.stack or str(error)
|
||||
|
||||
|
||||
class JsMultipleErrors(Exception):
|
||||
"""
|
||||
This is raised in case we get multiple JS errors in the page
|
||||
"""
|
||||
|
||||
def __init__(self, errors):
|
||||
lines = ["Multiple JS errors found:"]
|
||||
for err in errors:
|
||||
lines.append(JsError.format_playwright_error(err))
|
||||
msg = "\n".join(lines)
|
||||
super().__init__(msg)
|
||||
self.errors = errors
|
||||
|
||||
|
||||
class ConsoleMessageCollection:
|
||||
"""
|
||||
Helper class to collect and expose ConsoleMessage in a Pythonic way.
|
||||
|
||||
Usage:
|
||||
|
||||
console.log.messages: list of ConsoleMessage with type=='log'
|
||||
console.log.lines: list of strings
|
||||
console.log.text: the whole text as single string
|
||||
|
||||
console.debug.* same as above, but with different types
|
||||
console.info.*
|
||||
console.error.*
|
||||
console.warning.*
|
||||
|
||||
console.all.* same as above, but considering all messages, no filters
|
||||
"""
|
||||
|
||||
class View:
|
||||
"""
|
||||
Filter console messages by the given msg_type
|
||||
"""
|
||||
|
||||
def __init__(self, console, msg_type):
|
||||
self.console = console
|
||||
self.msg_type = msg_type
|
||||
|
||||
@property
|
||||
def messages(self):
|
||||
if self.msg_type is None:
|
||||
return self.console._messages
|
||||
else:
|
||||
return [
|
||||
msg for msg in self.console._messages if msg.type == self.msg_type
|
||||
]
|
||||
|
||||
@property
|
||||
def lines(self):
|
||||
return [msg.text for msg in self.messages]
|
||||
|
||||
@property
|
||||
def text(self):
|
||||
return "\n".join(self.lines)
|
||||
|
||||
_COLORS = {
|
||||
"error": "red",
|
||||
"warning": "brown",
|
||||
}
|
||||
|
||||
def __init__(self, logger):
|
||||
self.logger = logger
|
||||
self._messages = []
|
||||
self.all = self.View(self, None)
|
||||
self.log = self.View(self, "log")
|
||||
self.debug = self.View(self, "debug")
|
||||
self.info = self.View(self, "info")
|
||||
self.error = self.View(self, "error")
|
||||
self.warning = self.View(self, "warning")
|
||||
|
||||
def add_message(self, msg):
|
||||
# log the message: pytest will capute the output and display the
|
||||
# messages if the test fails.
|
||||
category = f"console.{msg.type}"
|
||||
color = self._COLORS.get(msg.type)
|
||||
self.logger.log(category, msg.text, color=color)
|
||||
self._messages.append(msg)
|
||||
|
||||
|
||||
class Logger:
|
||||
"""
|
||||
Helper class to log messages to stdout.
|
||||
|
||||
Features:
|
||||
- nice formatted category
|
||||
- keep track of time passed since the last reset
|
||||
- support colors
|
||||
|
||||
NOTE: the (lowercase) logger fixture is defined in conftest.py
|
||||
"""
|
||||
|
||||
def __init__(self):
|
||||
self.reset()
|
||||
|
||||
def reset(self):
|
||||
self.start_time = time.time()
|
||||
|
||||
def log(self, category, text, *, color=None):
|
||||
delta = time.time() - self.start_time
|
||||
line = f"[{delta:6.2f} {category:15}] {text}"
|
||||
if color:
|
||||
line = Color.set(color, line)
|
||||
print(line)
|
||||
|
||||
|
||||
class Color:
|
||||
"""
|
||||
Helper method to print colored output using ANSI escape codes.
|
||||
"""
|
||||
|
||||
black = "30"
|
||||
darkred = "31"
|
||||
darkgreen = "32"
|
||||
brown = "33"
|
||||
darkblue = "34"
|
||||
purple = "35"
|
||||
teal = "36"
|
||||
lightgray = "37"
|
||||
darkgray = "30;01"
|
||||
red = "31;01"
|
||||
green = "32;01"
|
||||
yellow = "33;01"
|
||||
blue = "34;01"
|
||||
fuchsia = "35;01"
|
||||
turquoise = "36;01"
|
||||
white = "37;01"
|
||||
|
||||
@classmethod
|
||||
def set(cls, color, string):
|
||||
try:
|
||||
color = getattr(cls, color)
|
||||
except AttributeError:
|
||||
pass
|
||||
return f"\x1b[{color}m{string}\x1b[00m"
|
||||
Reference in New Issue
Block a user