Produs:
-
+
CODMAT
Cant.
@@ -116,7 +140,27 @@
-
+
+
{% block scripts %}{% endblock %}
diff --git a/api/app/templates/dashboard.html b/api/app/templates/dashboard.html
index 570b675..e28e16d 100644
--- a/api/app/templates/dashboard.html
+++ b/api/app/templates/dashboard.html
@@ -1,6 +1,7 @@
{% extends "base.html" %}
{% block title %}Dashboard - GoMag Import{% endblock %}
{% block nav_dashboard %}active{% endblock %}
+{% block bnav_dashboard %}active{% endblock %}
{% block content %}
Panou de Comanda
@@ -112,5 +113,5 @@ {% endblock %} {% block scripts %} - + {% endblock %} diff --git a/api/app/templates/logs.html b/api/app/templates/logs.html index dea03cb..65ba711 100644 --- a/api/app/templates/logs.html +++ b/api/app/templates/logs.html @@ -1,6 +1,7 @@ {% extends "base.html" %} {% block title %}Jurnale Import - GoMag Import{% endblock %} {% block nav_logs %}active{% endblock %} +{% block bnav_logs %}active{% endblock %} {% block content %}Jurnale Import
@@ -101,5 +102,5 @@ {% endblock %} {% block scripts %} - + {% endblock %} diff --git a/api/app/templates/mappings.html b/api/app/templates/mappings.html index 7fb8b6a..bbfb97a 100644 --- a/api/app/templates/mappings.html +++ b/api/app/templates/mappings.html @@ -1,6 +1,7 @@ {% extends "base.html" %} {% block title %}Mapari SKU - GoMag Import{% endblock %} {% block nav_mappings %}active{% endblock %} +{% block bnav_mappings %}active{% endblock %} {% block content %}
@@ -150,5 +151,5 @@
{% endblock %}
{% block scripts %}
-
+
{% endblock %}
diff --git a/api/app/templates/missing_skus.html b/api/app/templates/missing_skus.html
index 4b8f6bd..7341ebd 100644
--- a/api/app/templates/missing_skus.html
+++ b/api/app/templates/missing_skus.html
@@ -1,6 +1,7 @@
{% extends "base.html" %}
{% block title %}SKU-uri Lipsa - GoMag Import{% endblock %}
{% block nav_missing %}active{% endblock %}
+{% block bnav_missing %}active{% endblock %}
{% block content %}
diff --git a/api/app/templates/settings.html b/api/app/templates/settings.html
index 05f2620..c1a9fb0 100644
--- a/api/app/templates/settings.html
+++ b/api/app/templates/settings.html
@@ -1,10 +1,23 @@
{% extends "base.html" %}
{% block title %}Setari - GoMag Import{% endblock %}
{% block nav_settings %}active{% endblock %}
+{% block bnav_settings %}active{% endblock %}
+{% block main_class %}constrained{% endblock %}
{% block content %}
Setari
+ +
+
+
+
+
+
+
+
+
+
@@ -233,5 +246,5 @@
{% endblock %}
{% block scripts %}
-
+
{% endblock %}
diff --git a/api/tests/e2e/test_design_system_e2e.py b/api/tests/e2e/test_design_system_e2e.py
new file mode 100644
index 0000000..c27c9dd
--- /dev/null
+++ b/api/tests/e2e/test_design_system_e2e.py
@@ -0,0 +1,105 @@
+"""
+E2E tests for DESIGN.md migration (Commit 0.5).
+Tests: dark toggle, FOUC prevention, bottom nav, active tab amber, dark contrast.
+"""
+import pytest
+
+pytestmark = [pytest.mark.e2e]
+
+
+def test_dark_mode_toggle(page, app_url):
+ """Dark toggle switches theme and persists in localStorage."""
+ page.goto(f"{app_url}/settings")
+ page.wait_for_load_state("networkidle")
+
+ # Settings page has the dark mode toggle
+ toggle = page.locator("#settDarkMode")
+ assert toggle.is_visible()
+
+ # Start in light mode
+ theme = page.evaluate("document.documentElement.getAttribute('data-theme')")
+ if theme == "dark":
+ toggle.click()
+ page.wait_for_timeout(200)
+
+ # Toggle to dark
+ toggle.click()
+ page.wait_for_timeout(200)
+ assert page.evaluate("document.documentElement.getAttribute('data-theme')") == "dark"
+ assert page.evaluate("localStorage.getItem('theme')") == "dark"
+
+ # Toggle back to light
+ toggle.click()
+ page.wait_for_timeout(200)
+ assert page.evaluate("document.documentElement.getAttribute('data-theme')") != "dark"
+ assert page.evaluate("localStorage.getItem('theme')") == "light"
+
+
+def test_fouc_prevention(page, app_url):
+ """Theme is applied before CSS loads (inline script in )."""
+ # Set dark theme in localStorage before navigation
+ page.goto(f"{app_url}/")
+ page.evaluate("localStorage.setItem('theme', 'dark')")
+
+ # Navigate fresh — the inline script should apply dark before paint
+ page.goto(f"{app_url}/")
+ # Check immediately (before networkidle) that data-theme is set
+ theme = page.evaluate("document.documentElement.getAttribute('data-theme')")
+ assert theme == "dark", "FOUC: dark theme not applied before first paint"
+
+ # Cleanup
+ page.evaluate("localStorage.removeItem('theme')")
+
+
+def test_bottom_nav_visible_on_mobile(page, app_url):
+ """Bottom nav is visible on mobile viewport, top navbar is hidden."""
+ page.set_viewport_size({"width": 375, "height": 812})
+ page.goto(f"{app_url}/")
+ page.wait_for_load_state("networkidle")
+
+ bottom_nav = page.locator(".bottom-nav")
+ top_navbar = page.locator(".top-navbar")
+
+ assert bottom_nav.is_visible(), "Bottom nav should be visible on mobile"
+ assert not top_navbar.is_visible(), "Top navbar should be hidden on mobile"
+
+ # Check 5 tabs exist
+ tabs = page.locator(".bottom-nav-item")
+ assert tabs.count() == 5
+
+
+def test_active_tab_amber_accent(page, app_url):
+ """Active nav tab uses amber accent color, not blue."""
+ page.goto(f"{app_url}/")
+ page.wait_for_load_state("networkidle")
+
+ active_tab = page.locator(".nav-tab.active")
+ assert active_tab.count() >= 1
+
+ # Get computed color of active tab
+ color = page.evaluate("""
+ () => getComputedStyle(document.querySelector('.nav-tab.active')).color
+ """)
+ # Amber #D97706 = rgb(217, 119, 6)
+ assert "217" in color and "119" in color, f"Active tab color should be amber, got: {color}"
+
+
+def test_dark_mode_contrast(page, app_url):
+ """Dark mode has proper contrast — bg is dark, text is light."""
+ page.goto(f"{app_url}/")
+ page.wait_for_load_state("networkidle")
+
+ # Enable dark mode
+ page.evaluate("document.documentElement.setAttribute('data-theme', 'dark')")
+ page.wait_for_timeout(100)
+
+ bg = page.evaluate("getComputedStyle(document.body).backgroundColor")
+ color = page.evaluate("getComputedStyle(document.body).color")
+
+ # bg should be dark (#121212 = rgb(18, 18, 18))
+ assert "18" in bg, f"Dark mode bg should be dark, got: {bg}"
+ # text should be light (#E8E4DD = rgb(232, 228, 221))
+ assert "232" in color or "228" in color, f"Dark mode text should be light, got: {color}"
+
+ # Cleanup
+ page.evaluate("document.documentElement.removeAttribute('data-theme')")
diff --git a/api/tests/e2e/test_order_detail.py b/api/tests/e2e/test_order_detail.py
index 2bd980b..3dbab25 100644
--- a/api/tests/e2e/test_order_detail.py
+++ b/api/tests/e2e/test_order_detail.py
@@ -51,5 +51,5 @@ def test_dashboard_navigates_to_logs(page: Page, app_url: str):
page.goto(f"{app_url}/")
page.wait_for_load_state("networkidle")
- logs_link = page.locator("a[href='/logs']")
- expect(logs_link).to_be_visible()
+ logs_link = page.locator(".top-navbar a[href='/logs'], .bottom-nav a[href='/logs']")
+ expect(logs_link.first).to_be_visible()