improve tests

Author: louiswol94

.gitignore

@@ -15,6 +15,7 @@ npm-debug.log
 # Playwright
 playwright-report/
 test-results/
+auth.json
 
 # Local files (ideally, should be in a global .gitignore)
 .idea/

tests/e2e/admin-page.spec.ts

@@ -0,0 +1,12 @@
+import { test as setup } from '@playwright/test';
+
+setup('authenticate', async ({ page }) => {
+  await page.goto('/wp-login.php');
+  await page.waitForSelector('#user_login');
+  await page.fill('#user_login', 'admin');
+  await page.fill('#user_pass', 'password');
+  await page.click('#wp-submit');
+  await page.waitForURL(/wp-admin/);
+  
+  await page.context().storageState({ path: 'auth.json' });
+});

tests/e2e/auth.setup.ts

@@ -0,0 +1,33 @@
+import { test, expect } from '@playwright/test';
+
+const TEST_SNIPPET_NAME = 'E2E Test Snippet';
+
+test.describe('Code Snippets Admin Page @admin', () => {
+	test.beforeEach(async ({ page }) => {
+		await page.goto('/wp-admin/admin.php?page=snippets');
+		await page.waitForLoadState('networkidle');
+	});
+
+  	test('Can add a new snippet', async ({ page }) => {
+		await page.click('text=Add New')
+		await page.fill('#title', TEST_SNIPPET_NAME)
+		await page.fill('.CodeMirror textarea', 'echo "Hello World!";')
+		await page.click('text=Save Snippet')
+		await expect(page.locator('#message.notice')).toContainText('Snippet created')
+	});
+
+  	test('Can activate and deactivate a snippet', async ({ page }) => {
+		await page.click(`text=${TEST_SNIPPET_NAME}`);
+		await page.click('text=Save and Activate');
+		await expect(page.locator('#message.notice p')).toContainText('Snippet updated and activated.');
+		await page.click('text=Save and Deactivate');
+		await expect(page.locator('#message.notice p')).toContainText('Snippet updated and deactivated');
+	});
+
+  	test('Can delete a snippet', async ({ page }) => {
+		await page.click(`text=${TEST_SNIPPET_NAME}`);
+		await page.click('text=Delete');
+		await page.click('button.components-button.is-destructive.is-primary'); // Confirm dialog
+		await expect(page.locator('body')).not.toContainText(TEST_SNIPPET_NAME);
+	});
+});

tests/e2e/code-snippets.spec.ts

@@ -23,9 +23,17 @@ export default defineConfig({
   },
 
   projects: [
+    {
+      name: 'setup',
+      testMatch: /.*\.setup\.ts/,
+    },
     {
       name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
+      use: { 
+        ...devices['Desktop Chrome'],
+        storageState: 'auth.json',
+      },
+      dependencies: ['setup'],
     },
   ],