dataops-testgen 2.2.0__py3-none-any.whl

testgen/ui/app.py

@@ -0,0 +1,98 @@
+import logging
+import sys
+
+import streamlit as st
+
+from testgen import settings
+from testgen.common.docker_service import check_basic_configuration
+from testgen.ui import bootstrap
+from testgen.ui.components import widgets as testgen
+from testgen.ui.queries import project_queries
+from testgen.ui.services import authentication_service, javascript_service
+from testgen.ui.services import database_service as db
+from testgen.ui.session import session
+
+
+def render(log_level: int = logging.INFO):
+    st.set_page_config(
+        page_title="TestGen",
+        layout="wide",
+    )
+
+    application = get_application(log_level=log_level)
+    application.logger.debug("Starting Streamlit re-run")
+
+    status_ok, message = check_basic_configuration()
+    if not status_ok:
+        st.markdown(f":red[{message}]")
+        return
+
+    set_locale()
+
+    session.dbschema = db.get_schema()
+
+    projects = get_projects()
+    if not session.project and len(projects) > 0:
+        set_current_project(projects[0]["code"])
+
+    if session.renders is None:
+        session.renders = 0
+
+    if not session.logging_out and session.authentication_status is None:
+        authentication_service.load_user_session()
+    testgen.location(on_change=set_current_location)
+
+    if session.authentication_status and not session.logging_out:
+        with st.sidebar:
+            testgen.sidebar(
+                menu=application.menu.update_version(application.get_version()),
+                username=session.username,
+                current_page=session.current_page,
+                current_project=session.project,
+                on_logout=authentication_service.end_user_session,
+            )
+
+    if session.renders is not None:
+        session.renders += 1
+
+    if session.renders > 0 and session.current_page:
+        application.router.navigate(to=session.current_page, with_args=session.current_page_args)
+
+    application.logger.debug(f"location status: {session.current_page} {session.current_page_args}")
+
+
+@st.cache_resource(validate=lambda _: not settings.IS_DEBUG, show_spinner=False)
+def get_application(log_level: int = logging.INFO):
+    return bootstrap.run(log_level=log_level)
+
+
+def set_locale():
+    timezone = javascript_service.get_browser_locale_timezone()
+    if timezone is not None and timezone != 0:
+        st.session_state["browser_timezone"] = timezone
+
+
+@st.cache_data(show_spinner=False)
+def get_projects():
+    projects = project_queries.get_projects()
+    projects = [
+        {"code": project["project_code"], "name": project["project_name"]} for project in projects.to_dict("records")
+    ]
+
+    return projects
+
+
+def set_current_location(change: testgen.LocationChanged) -> None:
+    session.current_page = change.page
+    session.current_page_args = change.args
+
+
+def set_current_project(project_code: str) -> None:
+    session.project = project_code
+
+
+if __name__ == "__main__":
+    log_level = logging.INFO
+    if settings.IS_DEBUG_LOG_LEVEL or "--debug" in sys.argv:
+        log_level = logging.DEBUG
+    render(log_level=log_level)

testgen/ui/assets/dk_logo.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 602.2 117.7" style="enable-background:new 0 0 602.2 117.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#AAD046;}
+	.st1{fill:#06A04A;}
+</style>
+<path d="M37.3,107.6c0.6,0,1.1,0,1.6-0.1c-2.2,0-4.5,0.1-6.9,0.1H37.3z"/>
+<path d="M37.3,9.9H32c2.4,0,4.7,0,6.9,0.1C38.3,9.9,37.8,9.9,37.3,9.9z"/>
+<path class="st0" d="M85.6,58.3c0-1.7-0.1-3.3-0.3-4.9c-0.6-7.8-2.5-14.8-5.9-20.8C76,26.5,71.5,21.7,65.9,18
+	c-1.2-0.8-2.3-1.6-3.6-2.2c-2.7-1.4-5.5-2.5-8.5-3.4L11.7,58.7l42.2,46.4c2.9-0.9,5.8-2,8.5-3.4c0.9-0.5,1.8-1.1,2.7-1.7
+	c6-3.8,10.9-8.8,14.4-15.2c3.6-6.4,5.5-13.9,5.9-22.4c0.1-0.9,0.1-1.8,0.1-2.7c0-0.4,0.1-0.7,0.1-1.1c0-0.1,0-0.1,0-0.2
+	C85.5,58.5,85.6,58.4,85.6,58.3z"/>
+<path class="st1" d="M53.8,12.3c-4.6-1.4-9.6-2.2-14.9-2.4c-2.2,0-4.5-0.1-6.9-0.1H16.5c-2.7,0-4.8,2.2-4.8,4.8v29.8v14.3L53.8,12.3
+	C53.8,12.3,53.8,12.3,53.8,12.3z"/>
+<path class="st1" d="M11.7,73v29.8c0,2.7,2.2,4.8,4.8,4.8H32c2.4,0,4.7,0,6.9-0.1c5.3-0.1,10.3-1,14.9-2.4c0,0,0,0,0,0L11.7,58.7V73
+	z"/>
+<path class="st0" d="M94.5,9.9H69.3c0.3,0.2,0.5,0.4,0.8,0.7c6.4,4.4,11.7,10,15.6,17.1c4,7.2,6.3,15.5,7,24.8
+	c0.2,1.9,0.3,3.9,0.3,5.9c0,0.1,0,0.2,0,0.3c0,0.1,0,0.1,0,0.2c0,0.4-0.1,0.8-0.1,1.3c0,1.1-0.1,2.1-0.2,3.2
+	c-0.5,10.1-2.8,19-7.1,26.7c-4.1,7.4-9.7,13.2-16.5,17.6c0,0,0,0.1,0,0.1h25.4c2.7,0,4.8-2.2,4.8-4.8v-88
+	C99.4,12.1,97.2,9.9,94.5,9.9z"/>
+<path class="st1" d="M132,28h24.1c17.6,0,27.8,13.4,27.8,30.9c0,17.4-10.3,30.6-27.8,30.6H132V28z M156.1,79.7
+	c11.2,0,16.9-9.5,16.9-20.9c0-11.5-5.7-21.1-16.9-21.1h-13.2v42H156.1z"/>
+<path class="st1" d="M231.9,47.8v41.7h-10.4v-5.6c-2.9,4.5-8.7,6.5-13.8,6.5c-11,0-20.5-8.5-20.5-21.8c0-13.4,9.5-21.7,20.4-21.7
+	c5.3,0,11.1,2.1,13.9,6.4v-5.5H231.9z M221.4,68.5c0-7.3-6.1-12-12-12c-6.4,0-11.7,5-11.7,12c0,7,5.3,12.1,11.7,12.1
+	C215.7,80.6,221.4,75.8,221.4,68.5z"/>
+<path class="st1" d="M263,56.1h-8.8v33.4h-10.4V56.1h-7.5v-8.3h7.5V32.5h10.4v15.4h8.8V56.1z"/>
+<path class="st1" d="M309,47.8v41.7h-10.4v-5.6c-2.9,4.5-8.7,6.5-13.8,6.5c-11,0-20.5-8.5-20.5-21.8c0-13.4,9.5-21.7,20.4-21.7
+	c5.3,0,11.1,2.1,13.9,6.4v-5.5H309z M298.4,68.5c0-7.3-6.1-12-12-12c-6.4,0-11.7,5-11.7,12c0,7,5.3,12.1,11.7,12.1
+	C292.7,80.6,298.4,75.8,298.4,68.5z"/>
+<path class="st1" d="M354.6,89.5l-21.2-23.4v23.4h-10.8V28h10.8v23.3L350.7,28h13.5l-23.5,30.6l28.6,30.9H354.6z"/>
+<path class="st1" d="M373.7,33.1c0-3.7,3.1-6.3,6.8-6.3c3.7,0,6.7,2.7,6.7,6.3c0,3.6-2.9,6.3-6.7,6.3
+	C376.9,39.4,373.7,36.6,373.7,33.1z M375.3,47.8h10.4v41.7h-10.4V47.8z"/>
+<path class="st1" d="M417.4,56.1h-8.8v33.4h-10.4V56.1h-7.5v-8.3h7.5V32.5h10.4v15.4h8.8V56.1z"/>
+<path class="st1" d="M417.6,68.6c0-13.2,10.6-21.7,22.7-21.7c7.2,0,13.1,3.1,17,8l-7.4,5.8c-2.1-2.6-5.7-4.2-9.4-4.2
+	c-7.2,0-12.4,5-12.4,12c0,7,5.2,12,12.4,12c3.7,0,7.2-1.6,9.4-4.2l7.4,5.8c-3.8,4.8-9.7,8-17,8C428.3,90.3,417.6,81.8,417.6,68.6z"
+	/>
+<path class="st1" d="M500.7,66.1v23.4h-10.4V67.1c0-6.6-4-10-8.7-10c-4.7,0-10.6,2.6-10.6,10.6v21.8h-10.4v-64h10.4v28.6
+	c2.1-5,8.7-7.2,12.9-7.2C494.8,46.9,500.7,54,500.7,66.1z"/>
+<path class="st1" d="M547.5,72.3h-32.2c1.2,5.8,5.6,8.7,11.8,8.7c4.6,0,8.8-1.8,11.3-5.2l6.9,5.3c-3.8,6.1-11.2,9.3-18.7,9.3
+	c-12.5,0-22-8.7-22-21.8c0-13.3,10-21.7,21.9-21.7c12,0,21.3,8.3,21.3,21.3C547.8,69.4,547.7,70.7,547.5,72.3z M537.4,65
+	c-0.6-5.7-5-9-10.8-9c-5.6,0-10.1,2.7-11.3,9H537.4z"/>
+<path class="st1" d="M591.9,66.1v23.4h-10.4V67.1c0-6.6-4-10-8.7-10c-4.7,0-10.6,2.6-10.6,10.6v21.8h-10.4V47.8h10.4v6.6
+	c2.1-5.2,8.7-7.5,12.9-7.5C585.9,46.9,591.9,54,591.9,66.1z"/>
+</svg>

testgen/ui/assets/scripts.js

@@ -0,0 +1,68 @@
+import van from './static/js/van.min.js';
+
+window.van = van;
+
+window.addEventListener('load', function() {
+    removeElements([ 'header[data-testid="stHeader"]' ]);
+});
+
+window.addEventListener('message', async function(event) {
+    if (event.data.type === 'TestgenNavigationRequest') {
+        if (window.location.hash.replace('#', '') !== event.data.path) {
+            window.location.hash = event.data.path;
+        }
+    }
+
+    if (event.data.type === 'TestgenCopyToClipboard') {
+        await copyToClipboard(event.data.text || '');
+    }
+
+    if (event.data.type === 'TestgenLogout') {
+        window.testgen.states = {};
+        deleteCookie(event.data.cookie);
+    }
+});
+
+function removeElements(selectors) {
+    for (const selector of selectors) {
+        const element = window.top.document.querySelector(selector);
+        if (element) {
+            element.remove();
+        }
+    }
+}
+
+async function copyToClipboard(text) {
+    if (navigator.clipboard && window.isSecureContext) {
+        await navigator.clipboard.writeText(text || '');
+    } else {
+        const textArea = document.createElement('textarea');
+        textArea.value = text;
+
+        textArea.style.opacity = 0;
+        textArea.style.pointerEvents = 'none';
+        textArea.style.position = 'absolute';
+
+        document.body.prepend(textArea);
+        textArea.select();
+
+        try {
+            document.execCommand('copy')
+        } finally {
+            textArea.remove();
+        }
+    }
+}
+
+function deleteCookie(name) {
+    const d = new Date();
+    d.setTime(d.getTime() - (1 * 24 * 60 * 60 * 1000));
+
+    document.cookie = `${name}=-;expires=${d.toUTCString()};path=/`;
+}
+
+window.testgen = {
+    states: {},
+    components: {},
+    loadedStylesheets: {},
+};

testgen/ui/assets/style.css

@@ -0,0 +1,140 @@
+body {
+    --primary-color: #06a04a;
+
+    --primary-text-color: #000000de;
+    --secondary-text-color: #0000008a;
+    --disabled-text-color: #00000042;
+
+    --sidebar-background-color: white;
+    --sidebar-item-hover-color: #f5f5f5;
+    --sidebar-active-item-color: #f5f5f5;
+    --sidebar-active-item-border-color: #b4e3c9;
+
+    --field-underline-color: #9e9e9e;
+
+    --dk-text-value-background: aliceblue;
+}
+
+img.dk-logo-img {
+    margin: 0 0 30px 0;
+    width:100%;
+}
+
+/* Header bar */
+MainMenu {
+    display: none;
+}
+
+header {
+    display: none !important;
+}
+
+footer {
+    display: none !important;
+}
+/* ... */
+
+/* Sidebar */
+section[data-testid="stSidebar"] {
+    z-index: 999;
+}
+
+.appview-container > :nth-child(1 of section) {
+    top: unset;
+}
+
+.appview-container > :nth-child(1 of section) > :nth-child(1 of div[class]) {
+    overflow: hidden;
+}
+
+.appview-container > :nth-child(1 of section) > :nth-child(1 of div[class]) > div:nth-child(2) {
+    height: 100% !important;
+    padding: unset !important;
+}
+
+.appview-container > :nth-child(1 of section) > :nth-child(1 of div[class]) > div:nth-child(2) > div {
+    height: 100% !important;
+}
+
+.appview-container > :nth-child(1 of section) > :nth-child(1 of div[class]) > div:nth-child(2) > div > div:nth-child(1) {
+    height: 100% !important;
+}
+
+.appview-container > :nth-child(1 of section) > :nth-child(1 of div[class]) > div:nth-child(2) > div > div:nth-child(1) > div > div:nth-child(1) {
+    height: 100% !important;
+}
+
+/* .appview-container > :nth-child(1 of section) > :nth-child(1 of div[class]) > div:nth-child(2) > div > div:nth-child(1) > div > div:nth-child(1) > div > div {
+    height: 100% !important;
+} */
+
+.appview-container > :nth-child(1 of section) > :nth-child(1 of div[class]) > div:nth-child(2) > div > div:nth-child(1) > div > div:not(:nth-child(1)) {
+    /* Hide the instances of CookieManager from the sidebar when loging out */
+    display: none;
+}
+/*  */
+
+/* Main content */
+.appview-container > :nth-child(2 of section) {
+    background-color: #f8f9fa;
+}
+
+section.main > :nth-child(1 of div).block-container {
+    padding: 24px;
+}
+/*  */
+
+/* Customization of modal widget for scrollability */
+section div[data-modal-container='true'] {
+    top: 0 !important;
+    left: unset !important;
+}
+
+section div[data-modal-container="true"][key^="dk-"] {
+    width: auto !important;
+}
+
+div[data-modal-container="true"] > div:first-child > div:first-child {
+    max-height: 90vh;
+    overflow-y: auto !important;
+}
+
+button[title="Show password text"] {
+    display: none;
+}
+
+.element-container:has(iframe[height="0"][title="streamlit_javascript.streamlit_javascript"]),
+.element-container:has(iframe[height="0"][title="testgen.ui.components.utils.component.testgen"]) {
+    display: none !important;
+}
+/* ... */
+
+/* Dark mode */
+@media (prefers-color-scheme: dark) {
+    body {
+        --primary-text-color: rgba(255, 255, 255);;
+        --secondary-text-color: rgba(255, 255, 255, .7);
+        --disabled-text-color: rgba(255, 255, 255, .5);;
+
+        --sidebar-background-color: rgba(14, 17, 23, .7);
+        --sidebar-item-hover-color: rgba(14, 17, 23, .5);
+        --sidebar-active-item-color: rgba(14, 17, 23, .5);
+        --sidebar-active-item-border-color: #b4e3c9;
+        --dk-text-value-background: unset;
+    }
+
+    /* Main content */
+    .appview-container > :nth-child(2 of section) {
+        background-color: rgb(14, 17, 23);
+    }
+    /*  */
+
+    div[data-modal-container='true']::before {
+        background-color: rgba(100, 100, 100, 0.5) !important;
+    }
+
+    div[data-modal-container='true'] > div:first-child > div:first-child {
+        background-color: rgb(14, 17, 23) !important;
+    }
+}
+/* ... */

testgen/ui/bootstrap.py

@@ -0,0 +1,109 @@
+import dataclasses
+import importlib
+import inspect
+import logging
+
+import streamlit
+
+from testgen import settings
+from testgen.commands.run_upgrade_db_config import get_schema_revision
+from testgen.common import configure_logging, docker_service
+from testgen.ui.navigation.menu import Menu, Version
+from testgen.ui.navigation.page import Page
+from testgen.ui.navigation.router import Router
+from testgen.ui.session import session
+from testgen.ui.views.connections import ConnectionsPage
+from testgen.ui.views.login import LoginPage
+from testgen.ui.views.not_found import NotFoundPage
+from testgen.ui.views.overview import OverviewPage
+from testgen.ui.views.profiling_anomalies import ProfilingAnomaliesPage
+from testgen.ui.views.profiling_results import ProfilingResultsPage
+from testgen.ui.views.profiling_summary import DataProfilingPage
+from testgen.ui.views.project_settings import ProjectSettingsPage
+from testgen.ui.views.table_groups import TableGroupsPage
+from testgen.ui.views.test_definitions import TestDefinitionsPage, TestDefinitionsPageFromSuite
+from testgen.ui.views.test_results import TestResultsPage
+from testgen.ui.views.test_runs import TestRunsPage
+from testgen.ui.views.test_suites import TestSuitesPage
+from testgen.utils import plugins, singleton
+
+BUILTIN_PAGES: list[type[Page]] = [
+    LoginPage,
+    OverviewPage,
+    DataProfilingPage,
+    ProfilingResultsPage,
+    ProfilingAnomaliesPage,
+    TestRunsPage,
+    TestResultsPage,
+    ConnectionsPage,
+    TableGroupsPage,
+    TestSuitesPage,
+    TestDefinitionsPage,
+    TestDefinitionsPageFromSuite,
+    ProjectSettingsPage,
+]
+
+LOG = logging.getLogger("testgen")
+
+
+class Application(singleton.Singleton):
+    def __init__(self, router: Router, menu: Menu, logger: logging.Logger) -> None:
+        self.router = router
+        self.menu = menu
+        self.logger = logger
+
+    def get_version(self) -> Version:
+        return Version(
+            current=settings.VERSION,
+            latest=check_for_upgrade(),
+            schema=_get_schema_rev(),
+        )
+
+
+def run(log_level: int = logging.INFO) -> Application:
+    pages = [*BUILTIN_PAGES]
+    installed_plugins = plugins.discover()
+
+    configure_logging(level=log_level)
+
+    for plugin in installed_plugins:
+        module = importlib.import_module(plugin.package)
+        for property_name in dir(module):
+            if (
+                (maybe_page := getattr(module, property_name, None))
+                and inspect.isclass(maybe_page)
+                and issubclass(maybe_page, Page)
+            ):
+                pages.append(maybe_page)
+
+    return Application(
+        router=Router(routes=pages, default=NotFoundPage),
+        menu=Menu(
+            items=list(
+                {
+                    page.path: dataclasses.replace(page.menu_item, page=page.path)
+                    for page in pages if page.menu_item
+                }.values()
+            ),
+            version=Version(
+                current=settings.VERSION,
+                latest="...",
+                schema=_get_schema_rev(),
+            ),
+        ),
+        logger=LOG,
+    )
+
+
+@streamlit.cache_resource(show_spinner=False)
+def _get_schema_rev() -> str:
+    revision = session.sb_schema_rev
+    if not revision:
+        revision = session.sb_schema_rev = get_schema_revision()
+    return revision
+
+
+@streamlit.cache_resource(show_spinner=False)
+def check_for_upgrade():
+    return docker_service.check_for_new_docker_release()
+

testgen/ui/components/frontend/css/material-symbols-rounded.css

@@ -0,0 +1,24 @@
+@font-face {
+  font-family: "Material Symbols Rounded";
+  font-style: normal;
+  font-weight: 100 700;
+  font-display: block;
+  src: url("./material-symbols-rounded.woff2") format("woff2");
+}
+.material-symbols-rounded {
+  font-family: "Material Symbols Rounded";
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+  font-feature-settings: "liga";
+}

testgen/ui/components/frontend/css/roboto-font-faces.css

@@ -0,0 +1,35 @@
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(./KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(./KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(./KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(./KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

testgen/ui/components/frontend/css/shared.css

@@ -0,0 +1,36 @@
+html,
+body {
+    height: 100%;
+    margin: unset;
+    color: var(--primary-text-color);
+    font-size: 14px;
+    font-family: 'Roboto', 'Helvetica Neue', sans-serif;
+}
+
+body {
+    --primary-color: #06a04a;
+
+    --primary-text-color: #000000de;
+    --secondary-text-color: #0000008a;
+    --disabled-text-color: #00000042;
+
+    --sidebar-background-color: white;
+    --sidebar-item-hover-color: #f5f5f5;
+    --sidebar-active-item-color: #f5f5f5;
+    --sidebar-active-item-border-color: #b4e3c9;
+
+    --field-underline-color: #9e9e9e;
+}
+
+@media (prefers-color-scheme: dark) {
+    body {
+        --primary-text-color: rgba(255, 255, 255);;
+        --secondary-text-color: rgba(255, 255, 255, .7);
+        --disabled-text-color: rgba(255, 255, 255, .5);;
+
+        --sidebar-background-color: rgba(14, 17, 23, .7);
+        --sidebar-item-hover-color: rgba(14, 17, 23, .5);
+        --sidebar-active-item-color: rgba(14, 17, 23, .5);
+        --sidebar-active-item-border-color: #b4e3c9;
+    }
+}

testgen/ui/components/frontend/img/dk_logo.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 602.2 117.7" style="enable-background:new 0 0 602.2 117.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#AAD046;}
+	.st1{fill:#06A04A;}
+</style>
+<path d="M37.3,107.6c0.6,0,1.1,0,1.6-0.1c-2.2,0-4.5,0.1-6.9,0.1H37.3z"/>
+<path d="M37.3,9.9H32c2.4,0,4.7,0,6.9,0.1C38.3,9.9,37.8,9.9,37.3,9.9z"/>
+<path class="st0" d="M85.6,58.3c0-1.7-0.1-3.3-0.3-4.9c-0.6-7.8-2.5-14.8-5.9-20.8C76,26.5,71.5,21.7,65.9,18
+	c-1.2-0.8-2.3-1.6-3.6-2.2c-2.7-1.4-5.5-2.5-8.5-3.4L11.7,58.7l42.2,46.4c2.9-0.9,5.8-2,8.5-3.4c0.9-0.5,1.8-1.1,2.7-1.7
+	c6-3.8,10.9-8.8,14.4-15.2c3.6-6.4,5.5-13.9,5.9-22.4c0.1-0.9,0.1-1.8,0.1-2.7c0-0.4,0.1-0.7,0.1-1.1c0-0.1,0-0.1,0-0.2
+	C85.5,58.5,85.6,58.4,85.6,58.3z"/>
+<path class="st1" d="M53.8,12.3c-4.6-1.4-9.6-2.2-14.9-2.4c-2.2,0-4.5-0.1-6.9-0.1H16.5c-2.7,0-4.8,2.2-4.8,4.8v29.8v14.3L53.8,12.3
+	C53.8,12.3,53.8,12.3,53.8,12.3z"/>
+<path class="st1" d="M11.7,73v29.8c0,2.7,2.2,4.8,4.8,4.8H32c2.4,0,4.7,0,6.9-0.1c5.3-0.1,10.3-1,14.9-2.4c0,0,0,0,0,0L11.7,58.7V73
+	z"/>
+<path class="st0" d="M94.5,9.9H69.3c0.3,0.2,0.5,0.4,0.8,0.7c6.4,4.4,11.7,10,15.6,17.1c4,7.2,6.3,15.5,7,24.8
+	c0.2,1.9,0.3,3.9,0.3,5.9c0,0.1,0,0.2,0,0.3c0,0.1,0,0.1,0,0.2c0,0.4-0.1,0.8-0.1,1.3c0,1.1-0.1,2.1-0.2,3.2
+	c-0.5,10.1-2.8,19-7.1,26.7c-4.1,7.4-9.7,13.2-16.5,17.6c0,0,0,0.1,0,0.1h25.4c2.7,0,4.8-2.2,4.8-4.8v-88
+	C99.4,12.1,97.2,9.9,94.5,9.9z"/>
+<path class="st1" d="M132,28h24.1c17.6,0,27.8,13.4,27.8,30.9c0,17.4-10.3,30.6-27.8,30.6H132V28z M156.1,79.7
+	c11.2,0,16.9-9.5,16.9-20.9c0-11.5-5.7-21.1-16.9-21.1h-13.2v42H156.1z"/>
+<path class="st1" d="M231.9,47.8v41.7h-10.4v-5.6c-2.9,4.5-8.7,6.5-13.8,6.5c-11,0-20.5-8.5-20.5-21.8c0-13.4,9.5-21.7,20.4-21.7
+	c5.3,0,11.1,2.1,13.9,6.4v-5.5H231.9z M221.4,68.5c0-7.3-6.1-12-12-12c-6.4,0-11.7,5-11.7,12c0,7,5.3,12.1,11.7,12.1
+	C215.7,80.6,221.4,75.8,221.4,68.5z"/>
+<path class="st1" d="M263,56.1h-8.8v33.4h-10.4V56.1h-7.5v-8.3h7.5V32.5h10.4v15.4h8.8V56.1z"/>
+<path class="st1" d="M309,47.8v41.7h-10.4v-5.6c-2.9,4.5-8.7,6.5-13.8,6.5c-11,0-20.5-8.5-20.5-21.8c0-13.4,9.5-21.7,20.4-21.7
+	c5.3,0,11.1,2.1,13.9,6.4v-5.5H309z M298.4,68.5c0-7.3-6.1-12-12-12c-6.4,0-11.7,5-11.7,12c0,7,5.3,12.1,11.7,12.1
+	C292.7,80.6,298.4,75.8,298.4,68.5z"/>
+<path class="st1" d="M354.6,89.5l-21.2-23.4v23.4h-10.8V28h10.8v23.3L350.7,28h13.5l-23.5,30.6l28.6,30.9H354.6z"/>
+<path class="st1" d="M373.7,33.1c0-3.7,3.1-6.3,6.8-6.3c3.7,0,6.7,2.7,6.7,6.3c0,3.6-2.9,6.3-6.7,6.3
+	C376.9,39.4,373.7,36.6,373.7,33.1z M375.3,47.8h10.4v41.7h-10.4V47.8z"/>
+<path class="st1" d="M417.4,56.1h-8.8v33.4h-10.4V56.1h-7.5v-8.3h7.5V32.5h10.4v15.4h8.8V56.1z"/>
+<path class="st1" d="M417.6,68.6c0-13.2,10.6-21.7,22.7-21.7c7.2,0,13.1,3.1,17,8l-7.4,5.8c-2.1-2.6-5.7-4.2-9.4-4.2
+	c-7.2,0-12.4,5-12.4,12c0,7,5.2,12,12.4,12c3.7,0,7.2-1.6,9.4-4.2l7.4,5.8c-3.8,4.8-9.7,8-17,8C428.3,90.3,417.6,81.8,417.6,68.6z"
+	/>
+<path class="st1" d="M500.7,66.1v23.4h-10.4V67.1c0-6.6-4-10-8.7-10c-4.7,0-10.6,2.6-10.6,10.6v21.8h-10.4v-64h10.4v28.6
+	c2.1-5,8.7-7.2,12.9-7.2C494.8,46.9,500.7,54,500.7,66.1z"/>
+<path class="st1" d="M547.5,72.3h-32.2c1.2,5.8,5.6,8.7,11.8,8.7c4.6,0,8.8-1.8,11.3-5.2l6.9,5.3c-3.8,6.1-11.2,9.3-18.7,9.3
+	c-12.5,0-22-8.7-22-21.8c0-13.3,10-21.7,21.9-21.7c12,0,21.3,8.3,21.3,21.3C547.8,69.4,547.7,70.7,547.5,72.3z M537.4,65
+	c-0.6-5.7-5-9-10.8-9c-5.6,0-10.1,2.7-11.3,9H537.4z"/>
+<path class="st1" d="M591.9,66.1v23.4h-10.4V67.1c0-6.6-4-10-8.7-10c-4.7,0-10.6,2.6-10.6,10.6v21.8h-10.4V47.8h10.4v6.6
+	c2.1-5.2,8.7-7.5,12.9-7.5C585.9,46.9,591.9,54,591.9,66.1z"/>
+</svg>

testgen/ui/components/frontend/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Testgen Component</title>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="theme-color" content="#000000" />
+        <meta name="description" content="Testgen Component" />
+
+        <link rel="stylesheet" href="css/shared.css" />
+        <link rel="stylesheet" href="css/roboto-font-faces.css" />
+        <link rel="stylesheet" href="css/material-symbols-rounded.css" />
+        <script src="js/main.js" type="module" defer></script>
+    </head>
+    <body>
+    </body>
+</html>