test: mark outline regression as test.fixme until fix lands

Per @christian-byrne: rather than committing the buggy rendering as a
characterization (which made CI fail / required test.fail tricks),
mark the test as fixme on Chromium so it's skipped today and starts
running as soon as the underlying fix PR removes the annotation.

The committed baseline is the desired (no extra UA outline) post-fix
appearance, so once test.fixme is removed in the fix PR the test runs
and verifies the fix against this snapshot.

Also adds expect(note).toBeFocused() before the Shift press per Oracle
review on #11936 — proves the node root actually owns focus before we
exercise the heuristic.

browser_tests/assets/nodes/single_note.json

@@ -0,0 +1,24 @@
+{
+  "last_node_id": 1,
+  "last_link_id": 0,
+  "nodes": [
+    {
+      "id": 1,
+      "type": "Note",
+      "pos": [200, 200],
+      "size": [240, 100],
+      "flags": {},
+      "order": 0,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [],
+      "properties": {},
+      "widgets_values": ["Selected"]
+    }
+  ],
+  "links": [],
+  "groups": [],
+  "config": {},
+  "extra": {},
+  "version": 0.4
+}

browser_tests/tests/vueNodes/nodeStates/outline.spec.ts

@@ -0,0 +1,48 @@
+import {
+  comfyExpect as expect,
+  comfyPageFixture as test
+} from '@e2e/fixtures/ComfyPage'
+
+test.describe(
+  'Vue Node selection outline',
+  { tag: ['@vue-nodes', '@screenshot'] },
+  () => {
+    test('does not gain an extra focus outline when Shift is held on a selected node', async ({
+      comfyPage,
+      browserName
+    }) => {
+      test.info().annotations.push({
+        type: 'regression',
+        description:
+          'Chromium paints a UA :focus-visible outline on a focused element after a bare Shift keypress; the LGraphNode root has tabindex="0", so a selected Vue node would otherwise gain a second outline. The baseline below captures the desired (no extra UA outline) appearance — remove the test.fixme annotation in the fix PR that suppresses the UA outline so this test runs and verifies it.'
+      })
+      test.fixme(
+        browserName === 'chromium',
+        'Chromium paints a UA :focus-visible outline on a focused element after a bare Shift keypress; remove this annotation in the fix PR.'
+      )
+
+      await comfyPage.workflow.loadWorkflow('nodes/single_note')
+
+      const note = comfyPage.vueNodes.getNodeByTitle('Note').first()
+      await note.locator('.lg-node-header').click()
+      await expect(note).toHaveClass(/outline-node-component-outline/)
+      await expect(note).toBeFocused()
+
+      const box = await note.boundingBox()
+      if (!box) throw new Error('Node bounding box not available')
+      const PAD = 16
+      const clip = {
+        x: Math.max(0, Math.floor(box.x - PAD)),
+        y: Math.max(0, Math.floor(box.y - PAD)),
+        width: Math.ceil(box.width + PAD * 2),
+        height: Math.ceil(box.height + PAD * 2)
+      }
+
+      await comfyPage.page.keyboard.down('Shift')
+      await expect(comfyPage.page).toHaveScreenshot(
+        'vue-node-shift-focus-outline.png',
+        { clip }
+      )
+    })
+  }
+)