complete story 10.1 with qa tests

This commit is contained in:
Naser Mansour
2026-01-03 03:21:09 +02:00
parent 19f6386532
commit e758458df1
4 changed files with 284 additions and 70 deletions
+19 -9
View File
@@ -111,7 +111,7 @@ describe('Focus Styles CSS', function () {
expect($cssContent)->toContain(':focus-visible');
expect($cssContent)->toContain('outline-2');
expect($cssContent)->toContain('outline-offset-2');
expect($cssContent)->toContain('outline-gold');
expect($cssContent)->toContain('outline-accent');
});
test('skip-link class is defined in CSS', function () {
@@ -240,27 +240,37 @@ describe('RTL Accessibility Support', function () {
});
describe('WCAG Color Contrast', function () {
test('gold color is defined in theme', function () {
test('primary color (Charcoal) is defined in theme', function () {
$cssContent = file_get_contents(resource_path('css/app.css'));
expect($cssContent)->toContain('--color-gold: #D4AF37');
expect($cssContent)->toContain('--color-primary: #4A4A42');
});
test('navy color is defined in theme', function () {
test('accent color (Warm Gray) is defined in theme', function () {
$cssContent = file_get_contents(resource_path('css/app.css'));
expect($cssContent)->toContain('--color-navy: #0A1F44');
expect($cssContent)->toContain('--color-accent: #C9C4BA');
});
test('cream background color is defined', function () {
test('background color (Off-White) is defined', function () {
$cssContent = file_get_contents(resource_path('css/app.css'));
expect($cssContent)->toContain('--color-cream: #F9F7F4');
expect($cssContent)->toContain('--color-background: #E8E4DC');
});
test('charcoal text color is defined', function () {
test('text color (Deep Black) is defined', function () {
$cssContent = file_get_contents(resource_path('css/app.css'));
expect($cssContent)->toContain('--color-charcoal: #2C3E50');
expect($cssContent)->toContain('--color-text: #1A1A1A');
});
test('backward-compatible color aliases exist', function () {
$cssContent = file_get_contents(resource_path('css/app.css'));
// Legacy color names should be aliased to new colors
expect($cssContent)->toContain('--color-navy: var(--color-primary)');
expect($cssContent)->toContain('--color-gold: var(--color-accent)');
expect($cssContent)->toContain('--color-cream: var(--color-background)');
expect($cssContent)->toContain('--color-charcoal: var(--color-text)');
});
});