Use fill() for Blueprint Editor E2E test

The character-by-character typing approach was fragile because it triggered
CodeMirror's auto-bracket insertion, requiring manual cleanup of extra brackets.
Using Playwright's fill() method on the contenteditable element is more reliable
because it fills the content directly without triggering auto-completion.

Also added a verification step to confirm the blueprint content was inserted
before clicking the Run Blueprint button.

Author: adamziel

packages/playground/website/playwright/e2e/website-ui.spec.ts

@@ -242,12 +242,7 @@ test('should edit a file in the code editor and see changes in the viewport', as
 test('should edit a blueprint in the blueprint editor and recreate the playground', async ({
 	website,
 	wordpress,
-	browserName,
 }) => {
-	test.skip(
-		browserName === 'firefox',
-		'Firefox has inconsistent keyboard handling in the CodeMirror editor, causing the blueprint to have validation errors'
-	);
 	await website.goto('./');
 
 	// Open site manager
@@ -278,28 +273,34 @@ test('should edit a blueprint in the blueprint editor and recreate the playgroun
 		2
 	);
 
-	// Focus the editor and select all existing content
+	// Focus the editor
 	await editor.click();
+	// Wait a moment for the editor to be fully ready
+	await website.page.waitForTimeout(100);
+
+	// Select all existing content
 	await website.page.keyboard.press(
 		process.platform === 'darwin' ? 'Meta+A' : 'Control+A'
 	);
 
-	// Dispatch a paste event to replace content - avoids auto-bracket insertion issues
-	await website.page.evaluate((content) => {
-		const dataTransfer = new DataTransfer();
-		dataTransfer.setData('text/plain', content);
-		document.activeElement?.dispatchEvent(
-			new ClipboardEvent('paste', {
-				clipboardData: dataTransfer,
-				bubbles: true,
-				cancelable: true,
-			})
-		);
-	}, blueprint);
+	// Delete the selected content
+	await website.page.keyboard.press('Backspace');
+	await website.page.waitForTimeout(100);
+
+	// Use Playwright's fill method on the contenteditable .cm-content element
+	// This is more reliable than character-by-character typing which triggers
+	// auto-bracket insertion
+	const cmContent = editor.locator('.cm-content');
+	await cmContent.fill(blueprint);
 
 	// Wait for validation to complete (linter has 300ms debounce)
 	await website.page.waitForTimeout(500);
 
+	// Verify the blueprint was inserted by checking the editor content
+	await expect(cmContent).toContainText('writeFile', {
+		timeout: 5000,
+	});
+
 	// Click the "Run Blueprint" button
 	await website.page
 		.getByRole('button', {