feat: preview issue details before claiming (#179)

tests/test_my_work.py

@@ -317,6 +317,47 @@ controller.load().then(() => controller.loadMore()).then(() =>
     assert output["pages"][-1] == {"page": 2, "total": 2, "has_more": False}
 
 
+def test_find_work_preview_stays_with_issue_across_pagination_and_clears_when_claimed():
+    script = f"""
+const createFindWork = require({json.dumps(str(PICK_WORK))});
+const states = [];
+const controller = createFindWork({{
+  fetchJson: (url, options) => options?.method === 'PATCH'
+    ? Promise.resolve({{number:7,repository:'stackchain/api',assignees:['timmy']}})
+    : Promise.resolve({{
+        items:[
+          {{id:17,number:7,title:'Preview me',repository:'stackchain/api',body:'Full scope'}},
+          {{id:18,number:8,title:'Next',repository:'stackchain/web',body:''}}
+        ],page:2,total:2,has_more:false
+      }}),
+  onItems: items => states.push(items),
+  onPagination: () => {{}},
+  onStatus: () => {{}},
+}});
+controller.reset({{
+  items:[{{id:17,number:7,title:'Preview me',repository:'stackchain/api',body:'Full scope'}}],
+  page:1,total:2,has_more:true
+}});
+const target = controller.items()[0];
+const opened = controller.togglePreview(target);
+controller.loadMore().then(() => {{
+  const afterPagination = controller.isPreviewed(controller.items()[0]);
+  return controller.claim(controller.items()[0]).then(() => process.stdout.write(JSON.stringify({{
+    opened, afterPagination, afterClaim:controller.isPreviewed(target), states
+  }})));
+}});
+"""
+    result = subprocess.run(
+        ["node", "-e", script], check=True, capture_output=True, text=True
+    )
+    output = json.loads(result.stdout)
+
+    assert output["opened"] is True
+    assert output["afterPagination"] is True
+    assert output["afterClaim"] is False
+    assert [item["number"] for item in output["states"][-1]] == [8]
+
+
 @pytest.mark.anyio
 async def test_mobile_my_work_exposes_truthful_work_pagination_control():
     html = await dashboard()
@@ -342,6 +383,21 @@ async def test_mobile_find_work_sheet_is_accessible_touch_sized_and_subpath_safe
     assert '@media(max-width:320px)' in html
 
 
+@pytest.mark.anyio
+async def test_mobile_find_work_cards_preview_escaped_context_without_extra_requests():
+    html = await dashboard()
+
+    assert 'data-preview-index=' in html
+    assert 'aria-expanded="' in html
+    assert 'aria-controls="' in html
+    assert "const detailId = 'find-work-detail-' + index" in html
+    assert 'class="find-work-detail"' in html
+    assert "escapeHtml(item.body || 'No description provided.')" in html
+    assert '>Open in Gitea</a>' in html
+    assert '.find-work-card a, .find-work-more { min-height:44px;' in html
+    assert '.find-work-detail { min-width:0;' in html
+
+
 def test_issue_capture_is_single_flight_and_keeps_draft_until_confirmed_success():
     script = f"""
 const createIssueCapture = require({json.dumps(str(CREATE_ISSUE_SHEET))});