diff --git a/browser_tests/ComfyPage.ts b/browser_tests/ComfyPage.ts index b14f298cad..742e9aedca 100644 --- a/browser_tests/ComfyPage.ts +++ b/browser_tests/ComfyPage.ts @@ -1,4 +1,5 @@ import type { Page, Locator } from '@playwright/test'; +import { test as base } from '@playwright/test'; import dotenv from "dotenv"; dotenv.config(); @@ -85,4 +86,109 @@ export class ComfyPage { ); await this.nextFrame(); } -} \ No newline at end of file + + async disconnectEdge() { + // CLIP input anchor + await this.page.mouse.move(427, 198); + await this.page.mouse.down(); + await this.page.mouse.move(427, 98); + await this.page.mouse.up(); + // Move out the way to avoid highlight of menu item. + await this.page.mouse.move(10, 10); + await this.nextFrame(); + } + + async connectEdge() { + // CLIP output anchor on Load Checkpoint Node. + await this.page.mouse.move(332, 509); + await this.page.mouse.down(); + // CLIP input anchor on CLIP Text Encode Node. + await this.page.mouse.move(427, 198); + await this.page.mouse.up(); + await this.nextFrame(); + } + + async adjustWidgetValue() { + // Adjust Empty Latent Image's width input. + const page = this.page; + await page.locator('#graph-canvas').click({ + position: { + x: 724, + y: 645 + } + }); + await page.locator('input[type="text"]').click(); + await page.locator('input[type="text"]').fill('128'); + await page.locator('input[type="text"]').press('Enter'); + await this.nextFrame(); + } + + async zoom(deltaY: number) { + await this.page.mouse.move(10, 10); + await this.page.mouse.wheel(0, deltaY); + await this.nextFrame(); + } + + async pan(offset: Position) { + await this.page.mouse.move(10, 10); + await this.page.mouse.down(); + await this.page.mouse.move(offset.x, offset.y); + await this.page.mouse.up(); + await this.nextFrame(); + } + + async rightClickCanvas() { + await this.page.mouse.click(10, 10, { button: 'right' }); + await this.nextFrame(); + } + + async rightClickEmptyLatentNode() { + await this.canvas.click({ + position: { + x: 724, + y: 645 + }, + button: 'right' + }); + this.page.mouse.move(10, 10); + await this.nextFrame(); + } + + async select2Nodes() { + // Select 2 CLIP nodes. + await this.page.keyboard.down('Control'); + await this.clickTextEncodeNode1(); + await this.clickTextEncodeNode2(); + await this.page.keyboard.up('Control'); + await this.nextFrame(); + } +} + +export const comfyPageFixture = base.extend<{ comfyPage: ComfyPage }>({ + comfyPage: async ({ page }, use) => { + const comfyPage = new ComfyPage(page); + await comfyPage.goto(); + // Unify font for consistent screenshots. + await page.addStyleTag({ + url: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" + }); + await page.addStyleTag({ + url: "https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" + }); + await page.addStyleTag({ + content: ` + * { + font-family: 'Roboto Mono', 'Noto Color Emoji'; + }` + }); + + await page.waitForFunction(() => document.fonts.ready); + await page.waitForFunction(() => window['app'] != undefined); + await page.evaluate(() => { window['app']['canvas'].show_info = false; }); + await comfyPage.nextFrame(); + // Reset view to force re-rendering of canvas. So that info fields like fps + // become hidden. + await comfyPage.resetView(); + await use(comfyPage); + }, +}); \ No newline at end of file diff --git a/browser_tests/interaction.spec.ts b/browser_tests/interaction.spec.ts index 6cf6a4397e..95189cfa23 100644 --- a/browser_tests/interaction.spec.ts +++ b/browser_tests/interaction.spec.ts @@ -1,34 +1,5 @@ -import { test as base, expect } from '@playwright/test'; -import { ComfyPage } from './ComfyPage'; - -const test = base.extend<{ comfyPage: ComfyPage }>({ - comfyPage: async ({ page }, use) => { - const comfyPage = new ComfyPage(page); - await comfyPage.goto(); - // Unify font for consistent screenshots. - await page.addStyleTag({ - url: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" - }); - await page.addStyleTag({ - url: "https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" - }); - await page.addStyleTag({ - content: ` - * { - font-family: 'Roboto Mono', 'Noto Color Emoji'; - }` - }); - - await page.waitForFunction(() => document.fonts.ready); - await page.waitForFunction(() => window['app'] != undefined); - await page.evaluate(() => { window['app']['canvas'].show_info = false; }); - await comfyPage.nextFrame(); - // Reset view to force re-rendering of canvas. So that info fields like fps - // become hidden. - await comfyPage.resetView(); - await use(comfyPage); - }, -}); +import { expect } from '@playwright/test'; +import { comfyPageFixture as test } from './ComfyPage'; test.describe('Node Interaction', () => { test('Can enter prompt', async ({ comfyPage }) => { @@ -41,7 +12,7 @@ test.describe('Node Interaction', () => { }); test('Can highlight selected', async ({ comfyPage }) => { - await expect(comfyPage.canvas).toHaveScreenshot('deselected-node.png'); + await expect(comfyPage.canvas).toHaveScreenshot('default.png'); await comfyPage.clickTextEncodeNode1(); await expect(comfyPage.canvas).toHaveScreenshot('selected-node1.png'); await comfyPage.clickTextEncodeNode2(); @@ -53,4 +24,31 @@ test.describe('Node Interaction', () => { await comfyPage.dragNode2(); await expect(comfyPage.canvas).toHaveScreenshot('dragged-node1.png'); }); + + test('Can disconnect/connect edge', async ({ comfyPage }) => { + await comfyPage.disconnectEdge(); + await expect(comfyPage.canvas).toHaveScreenshot('disconnected-edge-with-menu.png'); + await comfyPage.connectEdge(); + // Litegraph renders edge with a slight offset. + await expect(comfyPage.canvas).toHaveScreenshot('default.png', { maxDiffPixels: 50 }); + }); + + test('Can adjust widget value', async ({ comfyPage }) => { + await comfyPage.adjustWidgetValue(); + await expect(comfyPage.canvas).toHaveScreenshot('adjusted-widget-value.png'); + }); +}); + +test.describe('Canvas Interaction', () => { + test('Can zoom in/out', async ({ comfyPage }) => { + await comfyPage.zoom(-100); + await expect(comfyPage.canvas).toHaveScreenshot('zoomed-in.png'); + await comfyPage.zoom(200); + await expect(comfyPage.canvas).toHaveScreenshot('zoomed-out.png'); + }); + + test('Can pan', async ({ comfyPage }) => { + await comfyPage.pan({ x: 200, y: 200 }); + await expect(comfyPage.canvas).toHaveScreenshot('panned.png'); + }); }); diff --git a/browser_tests/interaction.spec.ts-snapshots/adjusted-widget-value-chromium-linux.png b/browser_tests/interaction.spec.ts-snapshots/adjusted-widget-value-chromium-linux.png new file mode 100644 index 0000000000..a8cb5d0042 Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/adjusted-widget-value-chromium-linux.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/adjusted-widget-value-chromium-win32.png b/browser_tests/interaction.spec.ts-snapshots/adjusted-widget-value-chromium-win32.png new file mode 100644 index 0000000000..097e16ebd4 Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/adjusted-widget-value-chromium-win32.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/deselected-node-chromium-linux.png b/browser_tests/interaction.spec.ts-snapshots/default-chromium-linux.png similarity index 100% rename from browser_tests/interaction.spec.ts-snapshots/deselected-node-chromium-linux.png rename to browser_tests/interaction.spec.ts-snapshots/default-chromium-linux.png diff --git a/browser_tests/interaction.spec.ts-snapshots/deselected-node-chromium-win32.png b/browser_tests/interaction.spec.ts-snapshots/default-chromium-win32.png similarity index 100% rename from browser_tests/interaction.spec.ts-snapshots/deselected-node-chromium-win32.png rename to browser_tests/interaction.spec.ts-snapshots/default-chromium-win32.png diff --git a/browser_tests/interaction.spec.ts-snapshots/disconnected-edge-with-menu-chromium-linux.png b/browser_tests/interaction.spec.ts-snapshots/disconnected-edge-with-menu-chromium-linux.png new file mode 100644 index 0000000000..450939e70e Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/disconnected-edge-with-menu-chromium-linux.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/disconnected-edge-with-menu-chromium-win32.png b/browser_tests/interaction.spec.ts-snapshots/disconnected-edge-with-menu-chromium-win32.png new file mode 100644 index 0000000000..6ef707045a Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/disconnected-edge-with-menu-chromium-win32.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/panned-chromium-linux.png b/browser_tests/interaction.spec.ts-snapshots/panned-chromium-linux.png new file mode 100644 index 0000000000..0f7c30613f Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/panned-chromium-linux.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/panned-chromium-win32.png b/browser_tests/interaction.spec.ts-snapshots/panned-chromium-win32.png new file mode 100644 index 0000000000..069848b02d Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/panned-chromium-win32.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/zoomed-in-chromium-linux.png b/browser_tests/interaction.spec.ts-snapshots/zoomed-in-chromium-linux.png new file mode 100644 index 0000000000..e32881a78c Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/zoomed-in-chromium-linux.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/zoomed-in-chromium-win32.png b/browser_tests/interaction.spec.ts-snapshots/zoomed-in-chromium-win32.png new file mode 100644 index 0000000000..1c5cb815a6 Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/zoomed-in-chromium-win32.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/zoomed-out-chromium-linux.png b/browser_tests/interaction.spec.ts-snapshots/zoomed-out-chromium-linux.png new file mode 100644 index 0000000000..d52586f3bb Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/zoomed-out-chromium-linux.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/zoomed-out-chromium-win32.png b/browser_tests/interaction.spec.ts-snapshots/zoomed-out-chromium-win32.png new file mode 100644 index 0000000000..9060879f65 Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/zoomed-out-chromium-win32.png differ diff --git a/browser_tests/rightClickMenu.spec.ts b/browser_tests/rightClickMenu.spec.ts new file mode 100644 index 0000000000..150ce23299 --- /dev/null +++ b/browser_tests/rightClickMenu.spec.ts @@ -0,0 +1,74 @@ +import { expect } from '@playwright/test'; +import { comfyPageFixture as test } from './ComfyPage'; + +test.describe('Canvas Right Click Menu', () => { + test('Can add node', async ({ comfyPage }) => { + await comfyPage.rightClickCanvas(); + await expect(comfyPage.canvas).toHaveScreenshot('right-click-menu.png'); + await comfyPage.page.getByText('Add Node').click(); + await comfyPage.nextFrame(); + await expect(comfyPage.canvas).toHaveScreenshot('add-node-menu.png'); + await comfyPage.page.getByText('loaders').click(); + await comfyPage.nextFrame(); + await expect(comfyPage.canvas).toHaveScreenshot('add-node-menu-loaders.png'); + await comfyPage.page.getByText('Load VAE').click(); + await comfyPage.nextFrame(); + await expect(comfyPage.canvas).toHaveScreenshot('add-node-node-added.png'); + }); + + test('Can add group', async ({ comfyPage }) => { + await comfyPage.rightClickCanvas(); + await expect(comfyPage.canvas).toHaveScreenshot('right-click-menu.png'); + await comfyPage.page.getByText('Add Group', { exact: true }).click(); + await comfyPage.nextFrame(); + await expect(comfyPage.canvas).toHaveScreenshot('add-group-group-added.png'); + }); + + test('Can convert to group node', async ({ comfyPage }) => { + await comfyPage.select2Nodes(); + await expect(comfyPage.canvas).toHaveScreenshot('selected-2-nodes.png'); + comfyPage.page.on('dialog', async dialog => { + await dialog.accept("GroupNode2CLIP"); + }); + await comfyPage.rightClickCanvas(); + await comfyPage.page.getByText('Convert to Group Node').click(); + await comfyPage.nextFrame(); + await expect(comfyPage.canvas).toHaveScreenshot('right-click-node-group-node.png'); + }); +}); + +test.describe('Node Right Click Menu', () => { + test('Can open properties panel', async ({ comfyPage }) => { + await comfyPage.rightClickEmptyLatentNode(); + await expect(comfyPage.canvas).toHaveScreenshot('right-click-node.png'); + await comfyPage.page.getByText('Properties Panel').click(); + await comfyPage.nextFrame(); + await expect(comfyPage.canvas).toHaveScreenshot('right-click-node-properties-panel.png'); + }); + + test('Can collapse', async ({ comfyPage }) => { + await comfyPage.rightClickEmptyLatentNode(); + await expect(comfyPage.canvas).toHaveScreenshot('right-click-node.png'); + await comfyPage.page.getByText('Collapse').click(); + await comfyPage.nextFrame(); + await expect(comfyPage.canvas).toHaveScreenshot('right-click-node-collapsed.png'); + }); + + test('Can bypass', async ({ comfyPage }) => { + await comfyPage.rightClickEmptyLatentNode(); + await expect(comfyPage.canvas).toHaveScreenshot('right-click-node.png'); + await comfyPage.page.getByText('Bypass').click(); + await comfyPage.nextFrame(); + await expect(comfyPage.canvas).toHaveScreenshot('right-click-node-bypassed.png'); + }); + + test('Can convert widget to input', async ({ comfyPage }) => { + await comfyPage.rightClickEmptyLatentNode(); + await expect(comfyPage.canvas).toHaveScreenshot('right-click-node.png'); + await comfyPage.page.getByText('Convert Widget to Input').click(); + await comfyPage.nextFrame(); + await comfyPage.page.getByText('Convert width to input').click(); + await comfyPage.nextFrame(); + await expect(comfyPage.canvas).toHaveScreenshot('right-click-node-widget-converted.png'); + }); +}); diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/add-group-group-added-chromium-linux.png b/browser_tests/rightClickMenu.spec.ts-snapshots/add-group-group-added-chromium-linux.png new file mode 100644 index 0000000000..e15265b56e Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/add-group-group-added-chromium-linux.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/add-group-group-added-chromium-win32.png b/browser_tests/rightClickMenu.spec.ts-snapshots/add-group-group-added-chromium-win32.png new file mode 100644 index 0000000000..5ab6eeee03 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/add-group-group-added-chromium-win32.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-menu-chromium-linux.png b/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-menu-chromium-linux.png new file mode 100644 index 0000000000..14a53a319d Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-menu-chromium-linux.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-menu-chromium-win32.png b/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-menu-chromium-win32.png new file mode 100644 index 0000000000..bb5da38571 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-menu-chromium-win32.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-menu-loaders-chromium-linux.png b/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-menu-loaders-chromium-linux.png new file mode 100644 index 0000000000..367d34c9e6 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-menu-loaders-chromium-linux.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-menu-loaders-chromium-win32.png b/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-menu-loaders-chromium-win32.png new file mode 100644 index 0000000000..d7ea336192 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-menu-loaders-chromium-win32.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-node-added-chromium-linux.png b/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-node-added-chromium-linux.png new file mode 100644 index 0000000000..cb9f4ee3ff Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-node-added-chromium-linux.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-node-added-chromium-win32.png b/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-node-added-chromium-win32.png new file mode 100644 index 0000000000..28f34df855 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/add-node-node-added-chromium-win32.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-menu-chromium-linux.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-menu-chromium-linux.png new file mode 100644 index 0000000000..0a0387b831 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-menu-chromium-linux.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-menu-chromium-win32.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-menu-chromium-win32.png new file mode 100644 index 0000000000..580dbbf37d Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-menu-chromium-win32.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-bypassed-chromium-linux.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-bypassed-chromium-linux.png new file mode 100644 index 0000000000..ea52016531 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-bypassed-chromium-linux.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-bypassed-chromium-win32.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-bypassed-chromium-win32.png new file mode 100644 index 0000000000..a10bd59d4a Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-bypassed-chromium-win32.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-chromium-linux.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-chromium-linux.png new file mode 100644 index 0000000000..c540d0c27d Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-chromium-linux.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-chromium-win32.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-chromium-win32.png new file mode 100644 index 0000000000..603ae8846c Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-chromium-win32.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-collapsed-chromium-linux.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-collapsed-chromium-linux.png new file mode 100644 index 0000000000..22c2b86584 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-collapsed-chromium-linux.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-collapsed-chromium-win32.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-collapsed-chromium-win32.png new file mode 100644 index 0000000000..294716652c Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-collapsed-chromium-win32.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-group-node-chromium-linux.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-group-node-chromium-linux.png new file mode 100644 index 0000000000..ebab400009 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-group-node-chromium-linux.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-group-node-chromium-win32.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-group-node-chromium-win32.png new file mode 100644 index 0000000000..da2043bd7a Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-group-node-chromium-win32.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-properties-panel-chromium-linux.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-properties-panel-chromium-linux.png new file mode 100644 index 0000000000..477efc00e1 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-properties-panel-chromium-linux.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-properties-panel-chromium-win32.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-properties-panel-chromium-win32.png new file mode 100644 index 0000000000..49427089d8 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-properties-panel-chromium-win32.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-widget-converted-chromium-linux.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-widget-converted-chromium-linux.png new file mode 100644 index 0000000000..967e80d906 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-widget-converted-chromium-linux.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-widget-converted-chromium-win32.png b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-widget-converted-chromium-win32.png new file mode 100644 index 0000000000..7de0f30a0b Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/right-click-node-widget-converted-chromium-win32.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/selected-2-nodes-chromium-linux.png b/browser_tests/rightClickMenu.spec.ts-snapshots/selected-2-nodes-chromium-linux.png new file mode 100644 index 0000000000..8174957024 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/selected-2-nodes-chromium-linux.png differ diff --git a/browser_tests/rightClickMenu.spec.ts-snapshots/selected-2-nodes-chromium-win32.png b/browser_tests/rightClickMenu.spec.ts-snapshots/selected-2-nodes-chromium-win32.png new file mode 100644 index 0000000000..69de4cd736 Binary files /dev/null and b/browser_tests/rightClickMenu.spec.ts-snapshots/selected-2-nodes-chromium-win32.png differ