complete story 16.2

2026-01-11 20:43:49 +02:00
parent 877569e6e8
commit 6d10abac1a
5 changed files with 268 additions and 13 deletions
@@ -113,3 +113,136 @@ test('mobile navigation contains about us link', function () {
        ->assertOk()
        ->assertSee('data-test="mobile-nav-about"', false);
 });
+
+// Story 16.2: Vision & Mission Section Tests
+
+// AC1: Vision Section Container
+test('about page has vision section with white background', function () {
+    $this->get('/about')
+        ->assertOk()
+        ->assertSee('bg-white py-8', false);
+});
+
+// AC2: Vision Section Header
+test('about page displays vision title in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('Our Vision');
+});
+
+test('about page displays vision title in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('رؤيتنا');
+});
+
+// AC3: Vision Statement
+test('about page displays vision statement in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('Libra is woven from the fabric of society');
+});
+
+test('about page displays vision statement in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('ليبرا منسوجة من نسيج المجتمع');
+});
+
+// AC4: Mission Section Container
+test('about page has mission section with cream background', function () {
+    $this->get('/about')
+        ->assertOk()
+        ->assertSee('bg-background py-8', false);
+});
+
+// AC5: Mission Section Header
+test('about page displays mission title in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('Our Mission');
+});
+
+test('about page displays mission title in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('مهمتنا');
+});
+
+// AC6: Mission Cards - Institution
+test('about page displays institution mission card in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('For Our Institution')
+        ->assertSee('Libra works at the heart of society');
+});
+
+test('about page displays institution mission card in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('لمؤسستنا')
+        ->assertSee('تعمل ليبرا في قلب المجتمع');
+});
+
+// AC6: Mission Cards - Society
+test('about page displays society mission card in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('For Society')
+        ->assertSee('Libra Scholarship for Law and Palestinian Arts');
+});
+
+test('about page displays society mission card in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('للمجتمع')
+        ->assertSee('منحة ليبرا للقانون والفنون الفلسطينية');
+});
+
+// AC6: Mission Cards - Diaspora
+test('about page displays diaspora mission card in English', function () {
+    $this->withSession(['locale' => 'en'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('For Palestinians in the Diaspora')
+        ->assertSee('platform for listening to Palestinians in the diaspora');
+});
+
+test('about page displays diaspora mission card in Arabic', function () {
+    $this->withSession(['locale' => 'ar'])
+        ->get('/about')
+        ->assertOk()
+        ->assertSee('للفلسطينيين في الشتات')
+        ->assertSee('منصة للاستماع إلى الفلسطينيين في الشتات');
+});
+
+// AC7: Mission Card Styling
+test('about page mission cards have correct styling', function () {
+    $this->get('/about')
+        ->assertOk()
+        ->assertSee('bg-white rounded-lg shadow-sm p-6', false);
+});
+
+// AC8: Responsive Grid
+test('about page mission cards use responsive grid', function () {
+    $this->get('/about')
+        ->assertOk()
+        ->assertSee('grid-cols-1 md:grid-cols-2 lg:grid-cols-3', false);
+});
+
+// AC7: Icons present (Flux renders icons as inline SVGs)
+test('about page mission cards have icons', function () {
+    $this->get('/about')
+        ->assertOk()
+        ->assertSee('<svg', false); // Flux icons render as inline SVGs
+});