mirror of
https://github.com/pyscript/pyscript.git
synced 2025-12-20 02:37:41 -05:00
f3157b377f
This PR tries to improve and rationalize what we log. Key points:
- introduce `logger.ts`: each file/component is encouraged to use the logger instead of writing directly to `console.*`
* the logger automatically prepend a prefix like `[py-config]`, `[py-env]` which make it easier to understand where a certain message is printed from
* it provide a central place where to add more features in the future. E.g., I can imagine having a config setting to completely silence the logs (not implemented yet)
- use the new loggers everywhere
- write to `.info()` instead of `.log()`. The idea is to keep `console.log` free, so that for the users it's easier to tell apart their own messages and the pyscript ones
- generally improve what we log. This is an endless exercise, but I tried to print more things which are useful to understand what's going on and in which order the various things are executed, and remove prints which were clearly debugging leftovers
264 lines
9.6 KiB
Python
264 lines
9.6 KiB
Python
import math
|
|
import re
|
|
import time
|
|
|
|
import pytest
|
|
|
|
from .support import ROOT, PyScriptTest
|
|
|
|
MAX_TEST_TIME = 30 # Number of seconds allowed for checking a testing condition
|
|
TEST_TIME_INCREMENT = 0.25 # 1/4 second, the length of each iteration
|
|
TEST_ITERATIONS = math.ceil(
|
|
MAX_TEST_TIME / TEST_TIME_INCREMENT
|
|
) # 120 iters of 1/4 second
|
|
|
|
|
|
def wait_for_render(page, selector, pattern):
|
|
"""
|
|
Assert that rendering inserts data into the page as expected: search the
|
|
DOM from within the timing loop for a string that is not present in the
|
|
initial markup but should appear by way of rendering
|
|
"""
|
|
re_sub_content = re.compile(pattern)
|
|
py_rendered = False # Flag to be set to True when condition met
|
|
|
|
for _ in range(TEST_ITERATIONS):
|
|
content = page.inner_html(selector)
|
|
if re_sub_content.search(content):
|
|
py_rendered = True
|
|
break
|
|
time.sleep(TEST_TIME_INCREMENT)
|
|
|
|
assert py_rendered # nosec
|
|
|
|
|
|
@pytest.mark.usefixtures("chdir")
|
|
class TestExamples(PyScriptTest):
|
|
"""
|
|
Each example requires the same three tests:
|
|
|
|
- Test that the initial markup loads properly (currently done by
|
|
testing the <title> tag's content)
|
|
- Testing that pyscript is loading properly
|
|
- Testing that the page contains appropriate content after rendering
|
|
"""
|
|
|
|
@pytest.fixture()
|
|
def chdir(self):
|
|
# make sure that the http server serves from the right directory
|
|
ROOT.join("pyscriptjs").chdir()
|
|
|
|
def test_hello_world(self):
|
|
self.goto("examples/hello_world.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "PyScript Hello World"
|
|
content = self.page.content()
|
|
pattern = "\\d+/\\d+/\\d+, \\d+:\\d+:\\d+" # e.g. 08/09/2022 15:57:32
|
|
assert re.search(pattern, content)
|
|
|
|
def test_simple_clock(self):
|
|
self.goto("examples/simple_clock.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "Simple Clock Demo"
|
|
pattern = r"\d{2}/\d{2}/\d{4}, \d{2}:\d{2}:\d{2}"
|
|
# run for 5 seconds to be sure that we see the page with "It's
|
|
# espresso time!"
|
|
for _ in range(5):
|
|
content = self.page.inner_html("#outputDiv2")
|
|
if re.match(pattern, content) and int(content[-1]) in (0, 4, 8):
|
|
assert self.page.inner_html("#outputDiv3") == "It's espresso time!"
|
|
break
|
|
else:
|
|
time.sleep(1)
|
|
else:
|
|
assert False, "Espresso time not found :("
|
|
|
|
def test_altair(self):
|
|
self.goto("examples/altair.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "Altair"
|
|
wait_for_render(self.page, "*", '<canvas.*?class=\\"marks\\".*?>')
|
|
save_as_png_link = self.page.locator("text=Save as PNG")
|
|
see_source_link = self.page.locator("text=View Source")
|
|
|
|
# These shouldn't be visible since we didn't click the menu
|
|
assert not save_as_png_link.is_visible()
|
|
assert not see_source_link.is_visible()
|
|
|
|
self.page.locator("summary").click()
|
|
|
|
# Let's confirm that the links are visible now after clicking the menu
|
|
assert save_as_png_link.is_visible()
|
|
assert see_source_link.is_visible()
|
|
|
|
def test_bokeh(self):
|
|
# XXX improve this test
|
|
self.goto("examples/bokeh.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "Bokeh Example"
|
|
wait_for_render(self.page, "*", '<div.*class=\\"bk\\".*>')
|
|
|
|
def test_bokeh_interactive(self):
|
|
# XXX improve this test
|
|
self.goto("examples/bokeh_interactive.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "Bokeh Example"
|
|
wait_for_render(self.page, "*", '<div.*?class=\\"bk\\".*?>')
|
|
|
|
def test_d3(self):
|
|
# XXX improve this test
|
|
self.goto("examples/d3.html")
|
|
self.wait_for_pyscript()
|
|
assert (
|
|
self.page.title() == "d3: JavaScript & PyScript visualizations side-by-side"
|
|
)
|
|
wait_for_render(self.page, "*", "<svg.*?>")
|
|
|
|
def test_folium(self):
|
|
# XXX improve this test
|
|
self.goto("examples/folium.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "Folium"
|
|
wait_for_render(self.page, "*", "<iframe srcdoc=")
|
|
|
|
def test_matplotlib(self):
|
|
# XXX improve this test
|
|
self.goto("examples/matplotlib.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "Matplotlib"
|
|
wait_for_render(self.page, "*", "<img src=['\"]data:image")
|
|
|
|
def test_numpy_canvas_fractals(self):
|
|
# XXX improve this test
|
|
self.goto("examples/numpy_canvas_fractals.html")
|
|
self.wait_for_pyscript()
|
|
assert (
|
|
self.page.title()
|
|
== "Visualization of Mandelbrot, Julia and Newton sets with NumPy and HTML5 canvas"
|
|
)
|
|
wait_for_render(
|
|
self.page, "*", "<div.*?id=['\"](mandelbrot|julia|newton)['\"].*?>"
|
|
)
|
|
|
|
def test_panel(self):
|
|
# XXX improve this test
|
|
self.goto("examples/panel.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "Panel Example"
|
|
wait_for_render(self.page, "*", "<div.*?class=['\"]bk-root['\"].*?>")
|
|
|
|
def test_panel_deckgl(self):
|
|
# XXX improve this test
|
|
self.goto("examples/panel_deckgl.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "PyScript/Panel DeckGL Demo"
|
|
wait_for_render(self.page, "*", "<div.*?class=['\"]bk-root['\"].*?>")
|
|
|
|
def test_panel_kmeans(self):
|
|
# XXX improve this test
|
|
self.goto("examples/panel_kmeans.html")
|
|
self.wait_for_pyscript(timeout=120 * 1000)
|
|
assert self.page.title() == "Pyscript/Panel KMeans Demo"
|
|
wait_for_render(self.page, "*", "<div.*?class=['\"]bk-root['\"].*?>")
|
|
|
|
@pytest.mark.xfail(reason="JsError: issue #677")
|
|
def test_panel_stream(self):
|
|
# XXX improve this test
|
|
self.goto("examples/panel_stream.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "PyScript/Panel Streaming Demo"
|
|
wait_for_render(self.page, "*", "<div.*?class=['\"]bk-root['\"].*?>")
|
|
|
|
@pytest.mark.xfail(
|
|
reason="Test seems flaky, sometimes it doesn't return result from second repl"
|
|
)
|
|
def test_repl(self):
|
|
self.goto("examples/repl.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "REPL"
|
|
wait_for_render(self.page, "*", "<py-repl.*?>")
|
|
|
|
self.page.locator("py-repl").type("print('Hello, World!')")
|
|
self.page.locator("button").click()
|
|
|
|
assert self.page.locator("#my-repl-1").text_content() == "Hello, World!"
|
|
|
|
# Confirm that using the second repl still works properly
|
|
self.page.locator("#my-repl-2").type("2*2")
|
|
self.page.keyboard.press("Shift+Enter")
|
|
|
|
assert self.page.locator("#my-repl-2-2").text_content() == "4"
|
|
|
|
@pytest.mark.xfail(reason="Test seems flaky")
|
|
def test_repl2(self):
|
|
self.goto("examples/repl2.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "Custom REPL Example"
|
|
wait_for_render(self.page, "*", "<py-repl.*?>")
|
|
# confirm we can import utils and run one command
|
|
self.page.locator("py-repl").type("import utils\nutils.now()")
|
|
self.page.locator("button").click()
|
|
# utils.now returns current date time
|
|
content = self.page.content()
|
|
pattern = "\\d+/\\d+/\\d+, \\d+:\\d+:\\d+" # e.g. 08/09/2022 15:57:32
|
|
assert re.search(pattern, content)
|
|
|
|
def test_todo(self):
|
|
self.goto("examples/todo.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "Todo App"
|
|
wait_for_render(self.page, "*", "<input.*?id=['\"]new-task-content['\"].*?>")
|
|
todo_input = self.page.locator("input")
|
|
submit_task_button = self.page.locator("button")
|
|
|
|
todo_input.type("Fold laundry")
|
|
submit_task_button.click()
|
|
|
|
first_task = self.page.locator("#task-0")
|
|
assert "Fold laundry" in first_task.inner_text()
|
|
|
|
task_checkbox = first_task.locator("input")
|
|
# Confirm that the new task isn't checked
|
|
assert not task_checkbox.is_checked()
|
|
|
|
# Let's mark it as done now
|
|
task_checkbox.check()
|
|
|
|
# Basic check that the task has the line-through class
|
|
assert (
|
|
'<p class="m-0 inline line-through">Fold laundry</p>'
|
|
in first_task.inner_html()
|
|
)
|
|
|
|
@pytest.mark.xfail(reason="JsError, issue #673")
|
|
def test_todo_pylist(self):
|
|
# XXX improve this test
|
|
self.goto("examples/todo-pylist.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "Todo App"
|
|
wait_for_render(self.page, "*", "<input.*?id=['\"]new-task-content['\"].*?>")
|
|
|
|
def test_toga_freedom(self):
|
|
self.goto("examples/toga/freedom.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() in ["Loading...", "Freedom Units"]
|
|
wait_for_render(self.page, "*", "<(main|div).*?id=['\"]toga_\\d+['\"].*?>")
|
|
|
|
page_content = self.page.content()
|
|
|
|
assert "Fahrenheit" in page_content
|
|
assert "Celsius" in page_content
|
|
|
|
self.page.locator("#toga_f_input").fill("105")
|
|
self.page.locator("button#toga_calculate").click()
|
|
result = self.page.locator("#toga_c_input")
|
|
assert "40.555" in result.input_value()
|
|
|
|
@pytest.mark.xfail(reason="it never finishes loading, issue #678")
|
|
def test_webgl_raycaster_index(self):
|
|
# XXX improve this test
|
|
self.goto("examples/webgl/raycaster/index.html")
|
|
self.wait_for_pyscript()
|
|
assert self.page.title() == "Raycaster"
|
|
wait_for_render(self.page, "*", "<canvas.*?>")
|