complete story 16.3

2026-01-11 20:49:43 +02:00
parent 6d10abac1a
commit 9e13a77781
5 changed files with 271 additions and 11 deletions
@@ -246,3 +246,142 @@ test('about page mission cards have icons', function () {
        ->assertOk()
        ->assertSee('<svg', false); // Flux icons render as inline SVGs
 });
+
+// Story 16.3: Values Section Tests
+
+// AC1: Values Section Container
+test('about page has values section with white background', function () {
+    $this->get('/about')
+        ->assertOk()
+        ->assertSee('bg-white py-8 sm:py-12 lg:py-[60px]', false);
+});
+
+// AC2: Values Section Header
+test('about page displays values title in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('Our Values');
+});
+
+test('about page displays values title in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('قيمنا');
+});
+
+// AC3: Values Introduction
+test('about page displays values intro in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('These values start in the field and return to the people.');
+});
+
+test('about page displays values intro in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('هذه القيم تبدأ من الميدان وتعود إلى الناس.');
+});
+
+// AC4: Six Value Cards - English
+test('about page displays integrity value in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('Integrity');
+});
+
+test('about page displays justice value in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('Justice');
+});
+
+test('about page displays knowledge value in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('Knowledge');
+});
+
+test('about page displays women empowerment value in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee("Women's Empowerment");
+});
+
+test('about page displays professionalism value in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('Professionalism');
+});
+
+test('about page displays social innovation value in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('Social Innovation');
+});
+
+// AC4: Six Value Cards - Arabic
+test('about page displays integrity value in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('النزاهة');
+});
+
+test('about page displays justice value in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('العدالة');
+});
+
+test('about page displays knowledge value in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('المعرفة');
+});
+
+test('about page displays women empowerment value in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('تمكين المرأة');
+});
+
+test('about page displays professionalism value in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('الاحترافية');
+});
+
+test('about page displays social innovation value in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('الابتكار الاجتماعي');
+});
+
+// AC5: Value Card Styling
+test('about page value cards have correct styling', function () {
+    $this->get('/about')
+        ->assertOk()
+        ->assertSee('bg-background rounded-xl p-6 text-center hover:shadow-md transition-shadow', false);
+});
+
+// AC6: Responsive Grid
+test('about page value cards use responsive grid', function () {
+    $this->get('/about')
+        ->assertOk()
+        ->assertSee('grid-cols-2 md:grid-cols-3 lg:grid-cols-6', false);
+});