Fix Chrome Webstore image dimensions

.changelog/2053.trivial.md

@@ -0,0 +1 @@
+Update screenshot size

playwright/screenshots/chrome-webstore-screenshots.spec.ts

@@ -10,12 +10,12 @@ const screenshotCss = `
 `
 
 const chromeWebStoreDimensions = {
-  width: 1200,
+  width: 1280,
   height: 800,
 }
 
 /** Scale for higher quality larger screenshots */
-const deviceScaleFactor = (chromeWebStoreDimensions.height - 20) / extensionViewport.height
+const deviceScaleFactor = chromeWebStoreDimensions.height / extensionViewport.height
 test.use({
   deviceScaleFactor: deviceScaleFactor,
   viewport: {
@@ -36,7 +36,7 @@ async function setup(page: Page, url: string) {
       }
       iframe {
         width: ${extensionViewport.width}px;
-        height: ${extensionViewport.height}px;
+        height: ${extensionViewport.height * 0.975}px;
         border: 5px solid #0500e2;
       }
     </style>
@@ -53,6 +53,9 @@ test.beforeEach(async ({ context }) => {
 })
 
 test('make screenshots for Chrome Web Store', async ({ page }) => {
+  expect(page.viewportSize()!.width * deviceScaleFactor).toBe(chromeWebStoreDimensions.width)
+  expect(page.viewportSize()!.height * deviceScaleFactor).toBe(chromeWebStoreDimensions.height)
+
   const frame = await setup(page, `/`)
   await page.screenshot({
     path: './screenshots/extension-store-1.png',