root
/
taipy
mirrorاز https://github.com/Avaiga/taipy.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
							# Copyright 2021-2025 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

from taipy.gui.servers.utils import get_server_type

if util.find_spec("playwright"):
    from playwright._impl._page import Page

from taipy.gui import Gui, Html
from taipy.gui.servers.fastapi import FastAPIServer
from taipy.gui.servers.flask import FlaskServer


@pytest.mark.teste2e
def test_html_render_with_style(page: "Page", gui: Gui, helpers):
    html_content = """<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        .taipy-text {
            color: green;
        }
        .custom-text {
            color: blue;
        }
    </style>
</head>
<body>
    <taipy:text id="text1">Hey</taipy:text>
    <taipy:text id="text2" class="custom-text">There</taipy:text>
</body>
</html>"""
    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):
    if get_server_type() == "flask":
        gui._server = FlaskServer(
            gui,
            path_mapping={
                "style": f"{Path(Path(__file__).parent.resolve())}{os.path.sep}test-assets{os.path.sep}style"
            },
            server=gui._server_instance,
            async_mode="gevent",
        )
    else:
        gui._server = FastAPIServer(
            gui,
            path_mapping={
                "style": f"{Path(Path(__file__).parent.resolve())}{os.path.sep}test-assets{os.path.sep}style"
            },
            server=gui._server_instance,
        )
    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)"
    )