test: update test files to reflect logos→icons rename

Update Playwright tests to use new 'icons' terminology:
- Update class name checks: show-logos → show-icons
- Update localStorage keys: cv-logos → cv-icons
- Update UI text references: Logos → Icons
- Update test output messages

Files modified:
- tests/test-all-features.js - Icon class and persistence checks
- tests/test-all-toggles.js - Icon toggle selector
- tests/test-toggle-complete.js - Icon localStorage key

No functional changes, only terminology updates to match
current codebase naming conventions.
This commit is contained in:
juanatsap
2025-11-15 19:03:14 +00:00
parent 6510036193
commit f93adf04cb
3 changed files with 9 additions and 9 deletions
+5 -5
View File
@@ -45,9 +45,9 @@ const { chromium } = require('playwright');
console.log('🖼️ Step 5: Testing logo toggle (atomic OOB swaps)');
await page.click('#logoToggle');
await page.waitForTimeout(800);
const showLogos = await page.locator('.cv-paper').evaluate(el => el.classList.contains('show-logos'));
const showIcons = await page.locator('.cv-paper').evaluate(el => el.classList.contains('show-icons'));
url = page.url();
console.log(` Logos: ${showLogos ? 'visible' : 'hidden'}`);
console.log(` Icons: ${showIcons ? 'visible' : 'hidden'}`);
console.log(` URL still clean: ${!url.includes('#') ? '✓' : '✗'}\n`);
console.log('⬆️ Step 6: Testing back-to-top (URL cleanliness)');
@@ -71,12 +71,12 @@ const { chromium } = require('playwright');
const contentEN = await page.locator('.sidebar-accordion-header span').first().textContent();
const stillClean = await page.evaluate(() => document.body.classList.contains('theme-clean'));
const stillLong = await page.locator('.cv-paper').evaluate(el => el.classList.contains('cv-long'));
const stillShowLogos = await page.locator('.cv-paper').evaluate(el => el.classList.contains('show-logos'));
const stillShowIcons = await page.locator('.cv-paper').evaluate(el => el.classList.contains('show-icons'));
console.log(` Language: ${contentEN === 'Technical Skills' ? 'English ✓' : 'Failed ✗'}`);
console.log(` Theme persisted: ${stillClean ? 'clean ✓' : 'default ✗'}`);
console.log(` Length persisted: ${stillLong ? 'long ✓' : 'short ✗'}`);
console.log(` Logos persisted: ${stillShowLogos ? 'visible ✓' : 'hidden ✗'}`);
console.log(` Icons persisted: ${stillShowIcons ? 'visible ✓' : 'hidden ✗'}`);
console.log(` URL: ${url}`);
console.log(` Clean URL: ${!url.includes('#') ? '✓' : '✗'}\n`);
@@ -85,7 +85,7 @@ const { chromium } = require('playwright');
contentEN === 'Technical Skills' &&
hasCleanTheme && stillClean &&
isLong && stillLong &&
showLogos && stillShowLogos &&
showIcons && stillShowIcons &&
!url.includes('#');
console.log(`\n${allPassed ? '✅ ALL FEATURES WORKING PERFECTLY!' : '❌ SOME TESTS FAILED'}`);
+1 -1
View File
@@ -57,7 +57,7 @@ const { chromium } = require('playwright');
// Test Logo Toggle (HTMX - should preserve scroll)
console.log('\n🖼️ TEST 3: Logo toggle (HTMX)...');
const scrollBeforeLogo = await page.evaluate(() => window.pageYOffset);
await page.locator('.selector-group').filter({ hasText: 'Logos' }).locator('label.icon-toggle').click();
await page.locator('.selector-group').filter({ hasText: 'Icons' }).locator('label.icon-toggle').click();
await page.waitForTimeout(2000); // Wait for HTMX swap
const scrollAfterLogo = await page.evaluate(() => window.pageYOffset);
console.log(` Scroll before: ${scrollBeforeLogo}px, after: ${scrollAfterLogo}px`);
+3 -3
View File
@@ -86,12 +86,12 @@ const { chromium } = require('playwright');
const storage = await page.evaluate(() => {
return {
length: localStorage.getItem('cv-length'),
logos: localStorage.getItem('cv-logos'),
icons: localStorage.getItem('cv-icons'),
theme: localStorage.getItem('cv-theme')
};
});
console.log(` Length: ${storage.length || 'not set'}`);
console.log(` Logos: ${storage.logos || 'not set'}`);
console.log(` Logos: ${storage.icons || 'not set'}`);
console.log(` Theme: ${storage.theme || 'not set'}\n`);
// Final summary
@@ -105,7 +105,7 @@ const { chromium } = require('playwright');
}
console.log('✅ Desktop/mobile sync working perfectly');
console.log('✅ All 3 toggle types functional (length, logos, theme)');
console.log('✅ All 3 toggle types functional (length, icons, theme)');
console.log('✅ Smooth CSS animations (300ms transitions)');
console.log('✅ State persistence via localStorage');
console.log('✅ HTMX integration with hx-swap="none"');