feat: continue Following and My PRs from mobile Work (Closes #1456)

tests/e2e/test_adaptive_mobile_queues_release.py

@@ -59,3 +59,61 @@ def test_adaptive_queues_put_truthful_next_action_above_the_fold(viewport):
         expect(page.locator(".mobile-queue-all")).not_to_have_attribute("open", "")
         assert page.evaluate("document.documentElement.scrollWidth <= window.innerWidth")
         browser.close()
+
+
+@pytest.mark.parametrize("viewport", [
+    {"width": 320, "height": 568},
+    {"width": 375, "height": 667},
+    {"width": 430, "height": 932},
+])
+@pytest.mark.parametrize(("queue", "count", "label", "destination"), [
+    ("following", 3, "Review Following (3)", ["following"]),
+    ("authored", 2, "Open My PRs (2)", ["filter:authored", "open:authored"]),
+])
+def test_adaptive_queues_open_existing_following_and_authored_work(viewport, queue, count, label, destination):
+    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("""({queue, count}) => {
+          const rows = Object.fromEntries(Array.from(document.querySelectorAll('[data-mobile-queue]'))
+            .map(row => [row.dataset.mobileQueue, row]));
+          window.destinations = [];
+          window.adaptiveQueueLauncher = createMobileQueueLauncher({
+            getCounts:() => ({[queue]:count}),
+            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,
+            openFollowing:() => window.destinations.push('following'),
+            selectFilter:name => window.destinations.push('filter:' + name),
+            firstAction:name => name === 'authored' ? {click:() => window.destinations.push('open:authored')} : null,
+            announce:message => window.destinations.push('announce:' + message),
+          });
+          window.adaptiveQueueLauncher.renderPresentation();
+          document.querySelector('#mobile-queue-next-action').addEventListener(
+            'click', () => window.adaptiveQueueLauncher.continueWork()
+          );
+          document.querySelector('#mobile-queue-sheet').showModal();
+        }""", {"queue": queue, "count": count})
+
+        next_action = page.locator("#mobile-queue-next-action")
+        expect(next_action).to_be_visible()
+        expect(next_action).to_have_text(label)
+        expect(next_action).to_have_attribute("aria-label", "Next up: " + label)
+        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")
+        assert page.locator("#mobile-queue-active-list [data-mobile-queue]").evaluate_all(
+            "rows => rows.map(row => row.dataset.mobileQueue)"
+        ) == [queue]
+
+        next_action.focus()
+        next_action.press("Enter")
+        assert page.evaluate("window.destinations") == destination
+        browser.close()