Update tests

Author: hirasso

src/inc/functions.ts

@@ -17,8 +17,8 @@ export const handlePageView = (fragmentPlugin: FragmentPlugin): void => {
 };
 
 /**
- * Run `showModal` for all `<dialog[data-swup-fragment]>` elements
- * This puts them on the top layer and makes them ignore css `transform`s on parent elements
+ * Run `showModal` for all `<dialog[data-swup-fragment][open]>` elements
+ * This puts them on the top layer and makes them ignore css transforms on parent elements
  * @see https://developer.mozilla.org/en-US/docs/Glossary/Top_layer
  */
 function showDialogs({ logger }: FragmentPlugin): void {

tests/playwright/fragment-plugin.spec.ts

@@ -51,12 +51,12 @@ test.describe('Fragment Plugin', () => {
 		await expect(page.locator('#list h2')).toHaveText('Green Items');
 	});
 
-	test('should move <dialog> fragments to the top layer', async ({ page }) => {
+	test('should move <dialog open> fragments to the top layer', async ({ page }) => {
 		await page.goto('/list/');
 
 		await clickOnLink(page, '/detail/');
 
-		const dialog = page.locator('dialog[data-swup-fragment]');
+		const dialog = page.locator('dialog[data-swup-fragment][open]');
 
 		await expect(dialog).toBeVisible();