feat: keep adaptive mobile Work actionable offline (Closes #1458)

tests/e2e/test_adaptive_mobile_queues_release.py

@@ -117,3 +117,52 @@ def test_adaptive_queues_open_existing_following_and_authored_work(viewport, que
         next_action.press("Enter")
         assert page.evaluate("window.destinations") == destination
         browser.close()
+
+
+def test_adaptive_queues_keep_start_continue_actionable_offline_on_phone():
+    viewport = {"width": 390, "height": 844}
+    with sync_playwright() as playwright:
+        browser = playwright.chromium.launch(headless=True)
+        page = browser.new_page(viewport=viewport)
+        page.set_content((FRONTEND / "index.html").read_text())
+        page.add_style_tag(path=FRONTEND / "dashboard.css")
+        page.add_script_tag(path=FRONTEND / "mobile-queue-launcher.js")
+        page.evaluate("""() => {
+          const rows = Object.fromEntries(Array.from(document.querySelectorAll('[data-mobile-queue]'))
+            .map(row => [row.dataset.mobileQueue, row]));
+          window.online = false;
+          window.destinations = [];
+          window.adaptiveQueueLauncher = createMobileQueueLauncher({
+            getCounts:() => ({delivery:1, gate:2, today:3}),
+            isOnline:() => window.online,
+            rows,
+            nextAction:document.querySelector('#mobile-queue-next-action'),
+            activeList:document.querySelector('#mobile-queue-active-list'),
+            planningList:document.querySelector('#mobile-queue-planning-list'),
+            allList:document.querySelector('#mobile-queue-all-list'),
+            activeSection:document.querySelector('#mobile-queue-active-list').parentElement,
+            openToday:() => window.destinations.push('today'),
+          });
+          window.adaptiveQueueLauncher.renderPresentation();
+          document.querySelector('#mobile-queue-next-action').addEventListener(
+            'click', () => window.adaptiveQueueLauncher.continueWork()
+          );
+          document.querySelector('#mobile-queue-sheet').showModal();
+        }""")
+
+        next_action = page.locator("#mobile-queue-next-action")
+        expect(next_action).to_be_visible()
+        expect(next_action).to_have_text("Continue Today (3)")
+        next_action.press("Enter")
+        assert page.evaluate("window.destinations") == ["today"]
+
+        page.evaluate("""() => {
+          window.online = true;
+          window.adaptiveQueueLauncher.renderPresentation();
+        }""")
+        expect(next_action).to_have_text("Recover Delivery (1)")
+        bounds = next_action.bounding_box()
+        assert bounds and bounds["height"] >= 44
+        assert bounds["y"] + bounds["height"] <= viewport["height"]
+        assert page.evaluate("document.documentElement.scrollWidth <= window.innerWidth")
+        browser.close()