complete story 10.1 with qa tests
This commit is contained in:
@@ -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)');
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user