mirror of
https://github.com/pyscript/pyscript.git
synced 2025-12-20 10:47:35 -05:00
77b40aa348
This is mostly a global search&replace, to replace <py-script> with <script type="py">. The vast majority of tests just works, some needed some tweak.
194 lines
7.4 KiB
Python
194 lines
7.4 KiB
Python
import pytest
|
|
|
|
from .support import PyScriptTest
|
|
|
|
pytest.skip(
|
|
reason="FIXME: @when decorator missing from pyscript", allow_module_level=True
|
|
)
|
|
|
|
|
|
class TestEventHandler(PyScriptTest):
|
|
def test_when_decorator_with_event(self):
|
|
"""When the decorated function takes a single parameter,
|
|
it should be passed the event object
|
|
"""
|
|
self.pyscript_run(
|
|
"""
|
|
<button id="foo_id">foo_button</button>
|
|
<script type="py">
|
|
from pyscript import when
|
|
@when("click", selector="#foo_id")
|
|
def foo(evt):
|
|
print(f"I've clicked {evt.target} with id {evt.target.id}")
|
|
</script>
|
|
"""
|
|
)
|
|
self.page.locator("text=foo_button").click()
|
|
console_text = self.console.all.lines
|
|
self.wait_for_console("I've clicked [object HTMLButtonElement] with id foo_id")
|
|
assert "I've clicked [object HTMLButtonElement] with id foo_id" in console_text
|
|
self.assert_no_banners()
|
|
|
|
def test_when_decorator_without_event(self):
|
|
"""When the decorated function takes no parameters (not including 'self'),
|
|
it should be called without the event object
|
|
"""
|
|
self.pyscript_run(
|
|
"""
|
|
<button id="foo_id">foo_button</button>
|
|
<script type="py">
|
|
from pyscript import when
|
|
@when("click", selector="#foo_id")
|
|
def foo():
|
|
print("The button was clicked")
|
|
</script>
|
|
"""
|
|
)
|
|
self.page.locator("text=foo_button").click()
|
|
self.wait_for_console("The button was clicked")
|
|
assert "The button was clicked" in self.console.log.lines
|
|
self.assert_no_banners()
|
|
|
|
def test_multiple_when_decorators_with_event(self):
|
|
self.pyscript_run(
|
|
"""
|
|
<button id="foo_id">foo_button</button>
|
|
<button id="bar_id">bar_button</button>
|
|
<script type="py">
|
|
from pyscript import when
|
|
@when("click", selector="#foo_id")
|
|
def foo(evt):
|
|
print(f"I've clicked {evt.target} with id {evt.target.id}")
|
|
@when("click", selector="#bar_id")
|
|
def foo(evt):
|
|
print(f"I've clicked {evt.target} with id {evt.target.id}")
|
|
</script>
|
|
"""
|
|
)
|
|
self.page.locator("text=foo_button").click()
|
|
console_text = self.console.all.lines
|
|
self.wait_for_console("I've clicked [object HTMLButtonElement] with id foo_id")
|
|
assert "I've clicked [object HTMLButtonElement] with id foo_id" in console_text
|
|
|
|
self.page.locator("text=bar_button").click()
|
|
console_text = self.console.all.lines
|
|
self.wait_for_console("I've clicked [object HTMLButtonElement] with id bar_id")
|
|
assert "I've clicked [object HTMLButtonElement] with id bar_id" in console_text
|
|
self.assert_no_banners()
|
|
|
|
def test_two_when_decorators(self):
|
|
"""When decorating a function twice, both should function"""
|
|
self.pyscript_run(
|
|
"""
|
|
<button id="foo_id">foo_button</button>
|
|
<button class="bar_class">bar_button</button>
|
|
<script type="py">
|
|
from pyscript import when
|
|
@when("click", selector="#foo_id")
|
|
@when("mouseover", selector=".bar_class")
|
|
def foo(evt):
|
|
print(f"An event of type {evt.type} happened")
|
|
</script>
|
|
"""
|
|
)
|
|
self.page.locator("text=bar_button").hover()
|
|
self.page.locator("text=foo_button").click()
|
|
self.wait_for_console("An event of type click happened")
|
|
assert "An event of type mouseover happened" in self.console.log.lines
|
|
assert "An event of type click happened" in self.console.log.lines
|
|
self.assert_no_banners()
|
|
|
|
def test_two_when_decorators_same_element(self):
|
|
"""When decorating a function twice *on the same DOM element*, both should function"""
|
|
self.pyscript_run(
|
|
"""
|
|
<button id="foo_id">foo_button</button>
|
|
<script type="py">
|
|
from pyscript import when
|
|
@when("click", selector="#foo_id")
|
|
@when("mouseover", selector="#foo_id")
|
|
def foo(evt):
|
|
print(f"An event of type {evt.type} happened")
|
|
</script>
|
|
"""
|
|
)
|
|
self.page.locator("text=foo_button").hover()
|
|
self.page.locator("text=foo_button").click()
|
|
self.wait_for_console("An event of type click happened")
|
|
assert "An event of type mouseover happened" in self.console.log.lines
|
|
assert "An event of type click happened" in self.console.log.lines
|
|
self.assert_no_banners()
|
|
|
|
def test_when_decorator_multiple_elements(self):
|
|
"""The @when decorator's selector should successfully select multiple
|
|
DOM elements
|
|
"""
|
|
self.pyscript_run(
|
|
"""
|
|
<button class="bar_class">button1</button>
|
|
<button class="bar_class">button2</button>
|
|
<script type="py">
|
|
from pyscript import when
|
|
@when("click", selector=".bar_class")
|
|
def foo(evt):
|
|
print(f"{evt.target.innerText} was clicked")
|
|
</script>
|
|
"""
|
|
)
|
|
self.page.locator("text=button1").click()
|
|
self.page.locator("text=button2").click()
|
|
self.wait_for_console("button2 was clicked")
|
|
assert "button1 was clicked" in self.console.log.lines
|
|
assert "button2 was clicked" in self.console.log.lines
|
|
self.assert_no_banners()
|
|
|
|
def test_when_decorator_duplicate_selectors(self):
|
|
""" """
|
|
self.pyscript_run(
|
|
"""
|
|
<button id="foo_id">foo_button</button>
|
|
<script type="py">
|
|
from pyscript import when
|
|
@when("click", selector="#foo_id")
|
|
@when("click", selector="#foo_id")
|
|
def foo(evt):
|
|
print(f"I've clicked {evt.target} with id {evt.target.id}")
|
|
</script>
|
|
"""
|
|
)
|
|
self.page.locator("text=foo_button").click()
|
|
console_text = self.console.all.lines
|
|
self.wait_for_console("I've clicked [object HTMLButtonElement] with id foo_id")
|
|
assert (
|
|
console_text.count("I've clicked [object HTMLButtonElement] with id foo_id")
|
|
== 2
|
|
)
|
|
self.assert_no_banners()
|
|
|
|
def test_when_decorator_invalid_selector(self):
|
|
"""When the selector parameter of @when is invalid, it should show an error"""
|
|
self.pyscript_run(
|
|
"""
|
|
<button id="foo_id">foo_button</button>
|
|
<script type="py">
|
|
from pyscript import when
|
|
@when("click", selector="#.bad")
|
|
def foo(evt):
|
|
...
|
|
</script>
|
|
"""
|
|
)
|
|
self.page.locator("text=foo_button").click()
|
|
msg = "Failed to execute 'querySelectorAll' on 'Document': '#.bad' is not a valid selector."
|
|
error = self.page.wait_for_selector(".py-error")
|
|
banner_text = error.inner_text()
|
|
|
|
if msg not in banner_text:
|
|
raise AssertionError(
|
|
f"Expected message '{msg}' does not "
|
|
f"match banner text '{banner_text}'"
|
|
)
|
|
|
|
assert msg in self.console.error.lines[-1]
|
|
self.check_py_errors(msg)
|