feat: indicate card has image even if only placeholder (#478)

* fix: Card datebadge position

* feat: add has-image class to card if has placeholder

source/php/Component/Card/Card.Test.php

@@ -0,0 +1,48 @@
+<?php
+
+namespace ComponentLibrary\Component\Card;
+
+use ComponentLibrary\Cache\CacheInterface;
+use PHPUnit\Framework\TestCase;
+
+class CardTest extends TestCase {
+
+    /**
+     * @testdox Test that the class is added to the classList if image is truthy
+     */
+    public function testFoo() {
+        $controller = $this->getController(['image' => true]);
+        $controller->init();
+
+
+        $this->assertContains('c-card--has-image', $controller->getData()['classList']);
+    }
+
+    /**
+     * @testdox Test that the class is added to the classList if hasPlaceholder and date is truthy
+     */
+    public function testBar() {
+        $controller = $this->getController(['hasPlaceholder' => true]);
+        $controller->init();
+
+        $this->assertContains('c-card--has-image', $controller->getData()['classList']);
+    }
+
+    private function getController(array $data = []): Card
+    {
+        $default = [
+            'buttons' => false,
+            'classList' => [],
+            'collapsible' => false,
+            'content' => false,
+            'dateBadge' => false,
+            'hasPlaceholder' => false,
+            'image' => false,
+            'link' => false,
+            'ratio' => false,
+            'tags' => false,
+        ];
+
+        return new Card(array_merge($default, $data), $this->createMock(CacheInterface::class));
+    }
+}

source/php/Component/Card/Card.php

@@ -19,7 +19,7 @@ public function init()
         $this->data['afterContentSlotHasData'] = $this->slotHasData('afterContent');
         $this->data['floatingSlotHasData'] = $this->slotHasData('floating');
 
-        if ($image) {
+        if ($image || $hasPlaceholder) {
             $this->data['classList'][] = $this->getBaseClass('has-image', true);
         }
 

source/php/Component/Card/components/heading.blade.php

@@ -1,4 +1,5 @@
 @group([
+    'classList' => [$baseClass."__heading-container"],
     'justifyContent' => 'space-between',
     'alignItems' => 'center',
 ])

source/php/Component/Card/partials/body.blade.php

@@ -1,4 +1,5 @@
 <div class="{{$baseClass}}__body">
+    @includeWhen($dateBadge && $date, 'Card.components.datebadge')
     @if($floatingSlotHasData)
         <div class="{{$baseClass}}__floating">
             {!! $floating !!}

source/php/Component/Card/views/base.blade.php

@@ -2,6 +2,5 @@
   $imageExists || ($hasPlaceholder && !$imageExists), 
   'Card.components.image'
 )
-@includeWhen($dateBadge && $date, 'Card.components.datebadge')
 @includeWhen($collapsible || $heading || $subHeading || $meta || $date || $content || $floatingSlotHasData, 'Card.partials.body')
 @includeWhen($tags || $buttons, 'Card.partials.footer')