naser/libra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

redone 12.4

Browse Source
This commit is contained in:
Naser Mansour
2026-01-04 02:12:59 +02:00
parent 204c73646d
commit 082545032a
5 changed files with 132 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/Feature/Mail/EmailTemplateColorsTest.php
+69 -37
View File
@@ -2,104 +2,136 @@
use Illuminate\Support\Facades\File;
test('default.css uses new charcoal color for links', function () {
// Story 12.4: Email Template Color Update - Dark Charcoal & Warm Gold palette
// Colors: Warm Gold #A68966, Forest Green #2D322A, Dark Forest Green #2D3624,
// Gold Light #C4A882, Warm Cream #F4F1EA, White #FFFFFF
test('default.css uses warm gold color for links', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
expect($css)->toContain('a {')
->and($css)->toContain('color: #4A4A42;');
->and($css)->toContain('color: #A68966;');
});
test('default.css uses new charcoal color for h1 headings', function () {
test('default.css uses forest green color for h1 headings', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
expect($css)->toMatch('/h1\s*\{[^}]*color:\s*#4A4A42;/');
expect($css)->toMatch('/h1\s*\{[^}]*color:\s*#2D322A;/');
});
test('default.css uses new charcoal color for h2 headings', function () {
test('default.css uses forest green color for h2 headings', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
expect($css)->toMatch('/h2\s*\{[^}]*color:\s*#4A4A42;/');
expect($css)->toMatch('/h2\s*\{[^}]*color:\s*#2D322A;/');
});
test('default.css uses new charcoal color for h3 headings', function () {
test('default.css uses forest green color for h3 headings', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
expect($css)->toMatch('/h3\s*\{[^}]*color:\s*#4A4A42;/');
expect($css)->toMatch('/h3\s*\{[^}]*color:\s*#2D322A;/');
});
test('default.css uses new charcoal color for header background', function () {
test('default.css uses dark forest green for header background', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
expect($css)->toMatch('/\.header\s*\{[^}]*background-color:\s*#4A4A42;/');
expect($css)->toMatch('/\.header\s*\{[^}]*background-color:\s*#2D3624;/');
});
test('default.css uses new warm gray color for footer links', function () {
test('default.css uses warm gold color for footer links', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
expect($css)->toMatch('/\.footer a\s*\{[^}]*color:\s*#C9C4BA;/');
expect($css)->toMatch('/\.footer a\s*\{[^}]*color:\s*#A68966;/');
});
test('default.css uses new charcoal color for table headers', function () {
test('default.css uses dark forest green for table headers with white text', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
expect($css)->toMatch('/\.table th\s*\{[^}]*color:\s*#4A4A42;/');
expect($css)->toMatch('/\.table th\s*\{[^}]*background-color:\s*#2D3624;/')
->and($css)->toMatch('/\.table th\s*\{[^}]*color:\s*#FFFFFF;/');
});
test('default.css uses new charcoal background for primary buttons', function () {
test('default.css uses warm gold background for primary buttons', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
expect($css)->toMatch('/\.button-primary\s*\{[^}]*background-color:\s*#4A4A42;/');
expect($css)->toMatch('/\.button-primary\s*\{[^}]*background-color:\s*#A68966;/');
});
test('default.css uses new off-white text for primary buttons', function () {
test('default.css uses white text for primary buttons', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
expect($css)->toMatch('/\.button-primary\s*\{[^}]*color:\s*#E8E4DC;/');
expect($css)->toMatch('/\.button-primary\s*\{[^}]*color:\s*#FFFFFF;/');
});
test('default.css uses new warm gray color for panel border', function () {
test('default.css uses gold light color for panel border', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
expect($css)->toMatch('/\.panel\s*\{[^}]*border-left:\s*#C9C4BA/');
expect($css)->toMatch('/\.panel\s*\{[^}]*border-left:\s*#C4A882/');
});
test('header.blade.php uses new charcoal background color', function () {
test('default.css uses warm cream for body background', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
expect($css)->toMatch('/body\s*\{[^}]*background-color:\s*#F4F1EA;/')
->and($css)->toMatch('/\.wrapper\s*\{[^}]*background-color:\s*#F4F1EA;/')
->and($css)->toMatch('/\.body\s*\{[^}]*background-color:\s*#F4F1EA;/');
});
test('default.css uses forest green for body text', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
expect($css)->toMatch('/body\s*\{[^}]*color:\s*#2D322A;/');
});
test('default.css uses forest green for footer paragraph text', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
expect($css)->toMatch('/\.footer p\s*\{[^}]*color:\s*#2D322A;/');
});
test('header.blade.php uses dark forest green background color', function () {
$header = File::get(resource_path('views/vendor/mail/html/header.blade.php'));
expect($header)->toContain('background-color: #4A4A42;');
expect($header)->toContain('background-color: #2D3624;');
});
test('header.blade.php does not use old navy color', function () {
test('header.blade.php does not use old green color', function () {
$header = File::get(resource_path('views/vendor/mail/html/header.blade.php'));
expect($header)->not->toContain('#0A1F44');
expect($header)->not->toContain('#8AB357');
});
test('footer.blade.php uses new warm gray color for links', function () {
test('footer.blade.php uses warm gold color for links', function () {
$footer = File::get(resource_path('views/vendor/mail/html/footer.blade.php'));
expect($footer)->toContain('color: #C9C4BA;');
expect($footer)->toContain('color: #A68966;');
});
test('footer.blade.php does not use old gold color', function () {
test('footer.blade.php uses forest green for text', function () {
$footer = File::get(resource_path('views/vendor/mail/html/footer.blade.php'));
expect($footer)->not->toContain('#D4AF37');
expect($footer)->toContain('color: #2D322A;');
});
test('default.css does not use old navy color for headings and links', function () {
test('footer.blade.php does not use old light green color', function () {
$footer = File::get(resource_path('views/vendor/mail/html/footer.blade.php'));
expect($footer)->not->toContain('#A5C87A');
});
test('default.css does not use old green color for headings and links', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
// Check that old navy color is not used in headings
expect($css)->not->toMatch('/h1\s*\{[^}]*color:\s*#0A1F44;/')
->and($css)->not->toMatch('/h2\s*\{[^}]*color:\s*#0A1F44;/')
->and($css)->not->toMatch('/h3\s*\{[^}]*color:\s*#0A1F44;/');
// Check that old green colors are not used
expect($css)->not->toMatch('/h1\s*\{[^}]*color:\s*#6A9337;/')
->and($css)->not->toMatch('/h2\s*\{[^}]*color:\s*#6A9337;/')
->and($css)->not->toMatch('/h3\s*\{[^}]*color:\s*#6A9337;/')
->and($css)->not->toContain('color: #8AB357;');
});
test('default.css does not use old gold color for buttons and panels', function () {
test('default.css does not use old green color for buttons and panels', function () {
$css = File::get(resource_path('views/vendor/mail/html/themes/default.css'));
// Check that old gold color is not used in buttons
expect($css)->not->toMatch('/\.button-primary\s*\{[^}]*background-color:\s*#D4AF37;/')
->and($css)->not->toMatch('/\.panel\s*\{[^}]*border-left:\s*#D4AF37/');
// Check that old green colors are not used in buttons and panels
expect($css)->not->toMatch('/\.button-primary\s*\{[^}]*background-color:\s*#8AB357;/')
->and($css)->not->toMatch('/\.panel\s*\{[^}]*border-left:\s*#A5C87A/');
});