# Copyright 2021-2024 Avaiga Private Limited
#
# Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
# the License. You may obtain a copy of the License at
#
# http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
# an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
# specific language governing permissions and limitations under the License.
import inspect
import os
import time
from importlib import util
from pathlib import Path
from urllib.request import urlopen
import pytest
if util.find_spec("playwright"):
from playwright._impl._page import Page
from taipy.gui import Gui, Html
from taipy.gui.server import _Server
@pytest.mark.teste2e
def test_html_render_with_style(page: "Page", gui: Gui, helpers):
html_content = """
Hey
There
"""
gui._set_frame(inspect.currentframe())
gui.add_page("page1", Html(html_content))
helpers.run_e2e(gui)
page.goto("./page1")
page.expect_websocket()
page.wait_for_selector("#text1")
retry = 0
while (
retry < 10
and page.evaluate('window.getComputedStyle(document.querySelector("#text1"), null).getPropertyValue("color")')
!= "rgb(0, 128, 0)"
):
retry += 1
time.sleep(0.2)
assert (
page.evaluate('window.getComputedStyle(document.querySelector("#text1"), null).getPropertyValue("color")')
== "rgb(0, 128, 0)"
)
assert (
page.evaluate('window.getComputedStyle(document.querySelector("#text2"), null).getPropertyValue("color")')
== "rgb(0, 0, 255)"
)
@pytest.mark.teste2e
def test_html_render_bind_assets(page: "Page", gui: Gui, helpers, e2e_base_url, e2e_port):
gui._set_frame(inspect.currentframe())
gui.add_pages(pages=f"{Path(Path(__file__).parent.resolve())}{os.path.sep}test-assets")
helpers.run_e2e(gui)
assert ".taipy-text" in urlopen(
f"http://127.0.0.1:{e2e_port}{e2e_base_url}test-assets/style/style.css"
).read().decode("utf-8")
page.goto("./test-assets/page1")
page.expect_websocket()
page.wait_for_selector("#text1")
retry = 0
while (
retry < 10
and page.evaluate('window.getComputedStyle(document.querySelector("#text1"), null).getPropertyValue("color")')
!= "rgb(0, 128, 0)"
):
retry += 1
time.sleep(0.1)
assert (
page.evaluate('window.getComputedStyle(document.querySelector("#text1"), null).getPropertyValue("color")')
== "rgb(0, 128, 0)"
)
assert (
page.evaluate('window.getComputedStyle(document.querySelector("#text2"), null).getPropertyValue("color")')
== "rgb(0, 0, 255)"
)
@pytest.mark.teste2e
def test_html_render_path_mapping(page: "Page", gui: Gui, helpers, e2e_base_url, e2e_port):
gui._server = _Server(
gui,
path_mapping={"style": f"{Path(Path(__file__).parent.resolve())}{os.path.sep}test-assets{os.path.sep}style"},
flask=gui._flask,
async_mode="gevent",
)
gui.add_page("page1", Html(f"{Path(Path(__file__).parent.resolve())}{os.path.sep}page1.html"))
helpers.run_e2e(gui)
assert ".taipy-text" in urlopen(f"http://127.0.0.1:{e2e_port}{e2e_base_url}/style/style.css").read().decode("utf-8")
page.goto("./page1")
page.expect_websocket()
page.wait_for_selector("#text1")
retry = 0
while (
retry < 10
and page.evaluate('window.getComputedStyle(document.querySelector("#text1"), null).getPropertyValue("color")')
!= "rgb(0, 128, 0)"
):
retry += 1
time.sleep(0.1)
assert (
page.evaluate('window.getComputedStyle(document.querySelector("#text1"), null).getPropertyValue("color")')
== "rgb(0, 128, 0)"
)
assert (
page.evaluate('window.getComputedStyle(document.querySelector("#text2"), null).getPropertyValue("color")')
== "rgb(0, 0, 255)"
)