Add markdown blockquote table e2e coverage

Author: blove

examples/chat/angular/e2e/fixtures/markdown.json

@@ -12,6 +12,14 @@
       "match": { "userMessage": "respond with a bullet list" },
       "response": { "content": "Three things:\n\n- alpha\n- beta\n- gamma" }
     },
+    {
+      "match": {
+        "userMessage": "Give me a blockquote with two lines, then a markdown table with columns issue, expected behavior, verification."
+      },
+      "response": {
+        "content": "> First quoted line\n> Second quoted line\n\n| Issue | Expected behavior | Verification |\n| --- | --- | --- |\n| Blockquote nesting | Both quoted lines render inside one blockquote | Inspect for one `<blockquote>` with no stray quoted paragraph |\n| Table streaming | Rows remain inside the same table while content streams | Inspect for one `<table>` with body rows |\n| Parser recovery | Final DOM has no raw pipe paragraphs | Confirm no paragraph text contains `|` delimiters |"
+      }
+    },
     {
       "match": { "userMessage": "respond with the markdown checklist kitchen sink" },
       "response": {

examples/chat/angular/e2e/markdown-surfaces.spec.ts

@@ -55,6 +55,29 @@ test('markdown checklist matrix: rich markdown renders with escaped html', async
   await expect(bubble).toContainText("<script>alert('xss')</script>");
 });
 
+test('blockquote followed by table stays in one rendered markdown surface', async ({ page }) => {
+  const bubble = await sendPromptAndWait(
+    page,
+    'Give me a blockquote with two lines, then a markdown table with columns issue, expected behavior, verification.',
+  );
+
+  await expect(bubble.locator('blockquote')).toHaveCount(1);
+  await expect(bubble.locator('blockquote')).toContainText('First quoted line');
+  await expect(bubble.locator('blockquote')).toContainText('Second quoted line');
+  await expect(bubble.locator('table')).toHaveCount(1);
+  await expect(bubble.locator('thead th')).toHaveText([
+    'Issue',
+    'Expected behavior',
+    'Verification',
+  ]);
+  await expect(bubble.locator('tbody tr')).toHaveCount(3);
+  await expect.poll(async () => tableColumnsAlign(bubble)).toBe(true);
+  await expect(
+    bubble.locator('p').filter({ hasText: /\|/ }),
+    'table rows should not render as raw pipe paragraphs',
+  ).toHaveCount(0);
+});
+
 async function tableColumnsAlign(bubble: Locator): Promise<boolean> {
   const table = bubble.locator('table').first();
   return table.evaluate((el) => {