SWED-2339 dialog E2E screenshots

src/App/ComponentsDocumentation/components/Dialog/dialog.e2e.spec.js

@@ -34,10 +34,13 @@ test("visual regresion accordions", async ({ page, browserName }) => {
 	await expect(dialogButton).toBeVisible();
 	await expect(dialogButton).toHaveScreenshot(`${brand}-dialog-button.png`);
 	await dialogButton.click();
+	// wait for transition to end before taking screenshots
+	await page.waitForTimeout(500);
 	await expect(page.getByRole("dialog")).toHaveScreenshot(
 		`${brand}-dialog-modal.png`,
+		{ animations: "disabled" },
 	);
-	await expect(page.getByRole("dialog")).toHaveScreenshot(
-		`${brand}-dialog-modal-screen.png`,
-	);
+	await expect(page).toHaveScreenshot(`${brand}-dialog-backdrop.png`, {
+		animations: "disabled",
+	});
 });

src/less/components/dialog.less

@@ -125,6 +125,7 @@ dialog {
 			padding: 1rem 1.5rem;
 			margin: 0;
 			display: flex;
+			gap: 1rem;
 			justify-content: flex-end;
 			border-radius: 0 0 20px 20px;