Add test for pressing ESC twice

libs/components/src/lib/dialog/ui.test.ts

@@ -158,3 +158,43 @@ test('should show the the dialog as a modal when calling .showModal()', async ({
 		'./snapshots/dialog-modal.png'
 	);
 });
+
+test('should leave the dialog open on pressing ESC twice when cancel event is cancelled', async ({
+	page,
+}: {
+	page: Page;
+}) => {
+	const template = `
+		<div style="height: 800px">
+			<vwc-dialog
+				icon="info"
+				headline="Headline"
+				open
+				modal
+			></vwc-dialog>
+		</div>
+	`;
+
+	await loadComponents({
+		page,
+		components,
+	});
+	await loadTemplate({
+		page,
+		template,
+	});
+
+	await page.waitForLoadState('networkidle');
+
+	await page.evaluate(() => {
+		const dialog = document.querySelector('vwc-dialog');
+		dialog.addEventListener('cancel', (event) => {
+			event.preventDefault();
+		});
+	});
+
+	await page.keyboard.press('Escape');
+	await page.keyboard.press('Escape');
+
+	await expect(page.locator('dialog')).toHaveAttribute('open', '');
+});