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:
@@ -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'}`);
|
||||
|
||||
@@ -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`);
|
||||
|
||||
@@ -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"');
|
||||
|
||||
Reference in New Issue
Block a user