debug

Author: louiswol94

tests/e2e/code-snippets.spec.ts

@@ -6,14 +6,14 @@ test.describe('Code Snippets Admin Page @admin', () => {
 	test.beforeEach(async ({ page }) => {
 		await page.goto('/wp-admin/admin.php?page=snippets');
 		await page.waitForLoadState('networkidle');
-		
+
 		// Wait for WordPress admin content to be fully loaded
 		await page.waitForSelector('#wpbody-content, .wrap, #wpcontent', { timeout: 10000 });
-		
+
 		// Debug: Check if we're actually logged in and on the right page
 		const currentUrl = page.url();
 		console.log('Current URL:', currentUrl);
-		
+
 		// If we're redirected to login, something is wrong with auth
 		if (currentUrl.includes('wp-login.php')) {
 			throw new Error('Authentication failed - redirected to login page');
@@ -24,35 +24,25 @@ test.describe('Code Snippets Admin Page @admin', () => {
 		// Simple test to verify we can access the admin
 		const title = await page.title();
 		console.log('Page title:', title);
-		
+
 		// Check if we're actually on the snippets page
 		const url = page.url();
 		console.log('Current URL:', url);
-		
+
 		// Verify the page has some expected content
 		const bodyText = await page.textContent('body');
 		const hasSnippetsContent = bodyText?.includes('Snippets') || bodyText?.includes('snippet');
 		console.log('Has snippets content:', hasSnippetsContent);
-		
+
 		expect(url).toContain('page=snippets');
 	});
 
   	test('Can add a new snippet', async ({ page }) => {
-		// Wait for the actual snippets page content to load
-		await page.waitForSelector('.wrap h1, .page-title, .wp-heading-inline', { timeout: 10000 });
-		
-		// Debug: Check what's actually on the page
-		const pageContent = await page.textContent('body');
-		console.log('Page content preview:', pageContent?.substring(0, 500));
-		
-		// Check if Add New button exists and is visible
-		const addNewButton = page.locator('text=Add New').first();
-		await addNewButton.waitFor({ state: 'visible', timeout: 10000 });
-		
-		const buttonCount = await page.locator('text=Add New').count();
-		console.log('Add New button count:', buttonCount);
+		// Wait for the page to load
+		await page.waitForSelector('h1, .page-title', { timeout: 10000 });
 
-		await page.click('text=Add New');
+		// Click the correct "Add New" button (should be in the page header, not admin menu)
+		await page.click('.page-title-action, .wrap .page-title-action');
 		await page.waitForLoadState('networkidle');
 
 		// Wait for the form to be ready
@@ -72,7 +62,7 @@ test.describe('Code Snippets Admin Page @admin', () => {
 		await page.waitForSelector(`text=${TEST_SNIPPET_NAME}`);
 		await page.click(`text=${TEST_SNIPPET_NAME}`);
 		await page.waitForLoadState('networkidle');
-		
+
 		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');
@@ -84,7 +74,7 @@ test.describe('Code Snippets Admin Page @admin', () => {
 		await page.waitForSelector(`text=${TEST_SNIPPET_NAME}`);
 		await page.click(`text=${TEST_SNIPPET_NAME}`);
 		await page.waitForLoadState('networkidle');
-		
+
 		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);