Commit initial

tests/e2e/test_port_autofill.py

@@ -0,0 +1,29 @@
+"""UX-02: live-browser verification of PRNT-03 Alpine IP->port auto-derivation."""
+from __future__ import annotations
+
+import pytest
+
+
+def test_port_autofill(page, live_server: str) -> None:
+    """Typing an IP address into the printer form auto-populates port_name.
+
+    Evidence for UX-02: tests/e2e/test_port_autofill.py
+    Closes: PRNT-03 Alpine.js port auto-derivation requirement.
+    """
+    # /printers/new renders a full page (extends base.html) with Alpine.js loaded
+    # and the add-printer form (moved from /printers to /printers/new in Plan 11-01)
+    page.goto(f"{live_server}/printers/new", wait_until="domcontentloaded")
+
+    # Wait for Alpine to initialise (x-data hydration on the form wrapper)
+    page.wait_for_selector("input[name='ip_address']")
+
+    # Fill triggers the 'input' event that Alpine @input listens to
+    page.fill("input[name='ip_address']", "192.168.1.100")
+
+    # Alpine @input reacts synchronously; wait_for_function keeps the test stable
+    page.wait_for_function(
+        "document.querySelector(\"input[name='port_name']\").value === 'IP_192_168_1_100'",
+        timeout=2000,
+    )
+
+    assert page.input_value("input[name='port_name']") == "IP_192_168_1_100"