Attempt to stabilize the visual tests

Author: HDinger

app/components/primer/alpha/select_panel_element.ts

@@ -176,8 +176,8 @@ export class SelectPanelElement extends HTMLElement {
         side: this.side,
         anchorOffset: 4,
       })
-      this.dialog.style.top = `${top}px`
-      this.dialog.style.left = `${left}px`
+      this.dialog.style.top = `${Math.round(top)}px`
+      this.dialog.style.left = `${Math.round(left)}px`
       this.dialog.style.bottom = 'auto'
       this.dialog.style.right = 'auto'
     }

playwright.config.ts

@@ -24,6 +24,12 @@ const config: PlaywrightTestConfig = {
     browserName: 'chromium',
     headless: true,
     screenshot: 'only-on-failure',
+    launchOptions: {
+      args: [
+        '--font-render-hinting=none',
+        '--disable-lcd-text',
+      ],
+    },
   },
   expect: {
     toHaveScreenshot: {

test/playwright/snapshots.test.ts

@@ -53,7 +53,7 @@ test.describe('generate snapshots', () => {
               // Wait a bit for animations etc to resolve
               await new Promise(resolve => setTimeout(resolve, 500))
 
-              const focusedScreenshot = await page.screenshot({animations: 'disabled'})
+              const focusedScreenshot = await page.screenshot({animations: 'disabled', caret: 'hide'})
               expect(focusedScreenshot).toMatchSnapshot([example.preview_path, `${theme}.png`])
             })
           }