Added tests for Radio and Clear button, Badge and Choice input

tests/integration/Twig/Components/BadgeTest.php

@@ -0,0 +1,139 @@
+<?php
+
+/**
+ * @copyright Copyright (C) Ibexa AS. All rights reserved.
+ * @license For full copyright and license information view LICENSE file distributed with this source code.
+ */
+declare(strict_types=1);
+
+namespace Ibexa\Tests\Integration\DesignSystemTwig\Twig\Components;
+
+use Ibexa\DesignSystemTwig\Twig\Components\Badge;
+use PHPUnit\Framework\Attributes\DataProvider;
+use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
+use Symfony\Component\DomCrawler\Crawler;
+use Symfony\Component\OptionsResolver\Exception\InvalidOptionsException;
+use Symfony\UX\TwigComponent\Test\InteractsWithTwigComponents;
+
+final class BadgeTest extends KernelTestCase
+{
+    use InteractsWithTwigComponents;
+
+    public function testMount(): void
+    {
+        $component = $this->mountTwigComponent(Badge::class, [
+            'size' => 'small',
+            'value' => 7,
+            'maxBadgeValue' => 15,
+        ]);
+
+        self::assertInstanceOf(Badge::class, $component, 'Component should mount as Badge.');
+        self::assertSame('small', $component->size, 'Prop "size" should be "small".');
+        self::assertSame(7, $component->value, 'Prop "value" should be 7.');
+        self::assertSame(15, $component->maxBadgeValue, 'Prop "maxBadgeValue" should be 15.');
+    }
+
+    public function testDefaultRender(): void
+    {
+        $crawler = $this->renderTwigComponent(Badge::class, ['value' => 1])->crawler();
+        $badge = $this->getBadge($crawler);
+        $class = $this->getClassAttr($badge);
+
+        self::assertStringContainsString('ids-badge', $class, 'Base class "ids-badge" should be present.');
+        self::assertStringNotContainsString('ids-badge--small', $class, 'Default size should be "medium", not "small".');
+        self::assertStringNotContainsString('ids-badge--stretched', $class, 'With value below threshold, stretched modifier should not be present.');
+        self::assertSame('1', $this->getText($badge), 'Badge text should equal value when under the cap.');
+        self::assertSame('99', $badge->attr('data-ids-max-badge-value'), 'Default max should be 99.');
+    }
+
+    public function testSizeVariantSmallAddsClass(): void
+    {
+        $crawler = $this->renderTwigComponent(Badge::class, ['size' => 'small', 'value' => 1])->crawler();
+        $badge = $this->getBadge($crawler);
+        $class = $this->getClassAttr($badge);
+
+        self::assertStringContainsString('ids-badge--small', $class, 'Small size should add "ids-badge--small" class.');
+    }
+
+    /**
+     * @param non-empty-string $size
+     */
+    #[DataProvider('stretchedProvider')]
+    public function testStretchedModifier(string $size, int $value, bool $expected): void
+    {
+        $crawler = $this->renderTwigComponent(Badge::class, ['size' => $size, 'value' => $value])->crawler();
+        $badge = $this->getBadge($crawler);
+        $class = $this->getClassAttr($badge);
+
+        if ($expected) {
+            self::assertStringContainsString('ids-badge--stretched', $class, 'Expected stretched modifier to be present.');
+        } else {
+            self::assertStringNotContainsString('ids-badge--stretched', $class, 'Expected stretched modifier to be absent.');
+        }
+    }
+
+    /**
+     * @return iterable<string, array{0: string, 1: int, 2: bool}>
+     */
+    public static function stretchedProvider(): iterable
+    {
+        yield 'medium below' => ['medium', 99, false];
+        yield 'medium at' => ['medium', 100, true];
+        yield 'small below' => ['small', 9, false];
+        yield 'small at' => ['small', 10, true];
+    }
+
+    public function testFormattedValueIsCappedByMax(): void
+    {
+        $crawler = $this->renderTwigComponent(Badge::class, [
+            'value' => 150,
+            'maxBadgeValue' => 99,
+        ])->crawler();
+
+        $badge = $this->getBadge($crawler);
+        self::assertSame('99+', $this->getText($badge), 'When value exceeds maxBadgeValue, text should display "<max>+".');
+        self::assertSame('99', $badge->attr('data-ids-max-badge-value'), 'data-ids-max-badge-value should match the exposed "max_value".');
+    }
+
+    public function testFormattedValueDisplaysRawValueWhenUnderMax(): void
+    {
+        $crawler = $this->renderTwigComponent(Badge::class, [
+            'value' => 42,
+            'maxBadgeValue' => 99,
+        ])->crawler();
+
+        $badge = $this->getBadge($crawler);
+        self::assertSame('42', $this->getText($badge), 'When value <= maxBadgeValue, text should display the raw value.');
+    }
+
+    public function testInvalidPropsCauseResolverErrorOnMount(): void
+    {
+        $this->expectException(InvalidOptionsException::class);
+        $this->mountTwigComponent(Badge::class, ['size' => 'giant', 'value' => 1]);
+    }
+
+    public function testInvalidValueTypeCauseResolverErrorOnMount(): void
+    {
+        $this->expectException(InvalidOptionsException::class);
+
+        $this->mountTwigComponent(Badge::class, ['value' => 'not-int']);
+    }
+
+    private function getBadge(Crawler $crawler): Crawler
+    {
+        $node = $crawler->filter('div.ids-badge')->first();
+        self::assertGreaterThan(0, $node->count(), 'Badge wrapper ".ids-badge" should be present.');
+
+        return $node;
+    }
+
+    private function getClassAttr(Crawler $node): string
+    {
+        return (string) $node->attr('class');
+    }
+
+    private function getText(Crawler $node): string
+    {
+        return trim($node->text(''));
+    }
+}

tests/integration/Twig/Components/Checkbox/FieldTest.php

@@ -0,0 +1,160 @@
+<?php
+
+/**
+ * @copyright Copyright (C) Ibexa AS. All rights reserved.
+ * @license For full copyright and license information view LICENSE file distributed with this source code.
+ */
+declare(strict_types=1);
+
+namespace Ibexa\Tests\Integration\DesignSystemTwig\Twig\Components\Checkbox;
+
+use Ibexa\DesignSystemTwig\Twig\Components\Checkbox\Field;
+use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
+use Symfony\Component\DomCrawler\Crawler;
+use Symfony\Component\OptionsResolver\Exception\InvalidOptionsException;
+use Symfony\Component\OptionsResolver\Exception\MissingOptionsException;
+use Symfony\UX\TwigComponent\Test\InteractsWithTwigComponents;
+
+final class FieldTest extends KernelTestCase
+{
+    use InteractsWithTwigComponents;
+
+    public function testMount(): void
+    {
+        $component = $this->mountTwigComponent(Field::class, $this->baseProps([
+            'checked' => true,
+            'disabled' => true,
+            'required' => true,
+            'indeterminate' => true,
+        ]));
+
+        self::assertInstanceOf(Field::class, $component, 'Component should mount as Checkbox\\Field.');
+    }
+
+    public function testDefaultRenderProducesWrapperLabelAndInput(): void
+    {
+        $crawler = $this->renderTwigComponent(
+            Field::class,
+            $this->baseProps(),
+            'Accept terms'
+        )->crawler();
+
+        $wrapper = $this->getWrapper($crawler);
+        $classes = $this->getClassAttr($wrapper);
+        self::assertStringContainsString('ids-choice-input-field', $classes, 'Wrapper should include base "ids-choice-input-field".');
+        self::assertStringContainsString('ids-checkbox-field', $classes, 'Wrapper should include variant "ids-checkbox-field".');
+
+        $label = $this->getLabel($crawler);
+        self::assertSame('agree', $label->attr('for'), 'Label "for" should equal the top-level id.');
+        self::assertStringContainsString('Accept terms', $this->getText($label), 'Label should render slot content.');
+
+        $input = $this->getCheckbox($crawler);
+        self::assertSame('checkbox', $input->attr('type'), 'Input "type" should be "checkbox".');
+        self::assertSame('agree', $input->attr('id'), 'Input "id" should equal provided id.');
+        self::assertSame('consent', $input->attr('name'), 'Input "name" should equal provided name.');
+    }
+
+    public function testWrapperAttributesMergeClassAndData(): void
+    {
+        $crawler = $this->renderTwigComponent(
+            Field::class,
+            $this->baseProps([
+                'attributes' => ['class' => 'extra-class', 'data-custom' => 'custom'],
+            ]),
+            'Label'
+        )->crawler();
+
+        $wrapper = $this->getWrapper($crawler);
+        $classes = $this->getClassAttr($wrapper);
+        self::assertStringContainsString('extra-class', $classes, 'Custom class should be merged on the wrapper.');
+        self::assertSame('custom', $wrapper->attr('data-custom'), 'Custom data attribute should render on the wrapper.');
+    }
+
+    public function testBooleanFlagsRenderNativeAttributesAndIndeterminateClass(): void
+    {
+        $crawler = $this->renderTwigComponent(
+            Field::class,
+            $this->baseProps([
+                'checked' => true,
+                'disabled' => true,
+                'required' => true,
+                'indeterminate' => true,
+            ]),
+            'Label'
+        )->crawler();
+
+        $input = $this->getCheckbox($crawler);
+
+        self::assertNotNull($input->attr('disabled'), 'disabled=true should render native "disabled" attribute.');
+        self::assertNotNull($input->attr('required'), 'required=true should render native "required" attribute.');
+        self::assertNotNull($input->attr('checked'), 'checked=true should render native "checked" attribute.');
+
+        self::assertStringContainsString('ids-input--indeterminate', $this->getClassAttr($input), 'indeterminate=true should add "ids-input--indeterminate" class.');
+    }
+
+    public function testInvalidIndeterminateTypeCausesResolverErrorOnMount(): void
+    {
+        $this->expectException(InvalidOptionsException::class);
+
+        $this->mountTwigComponent(Field::class, $this->baseProps([
+            'indeterminate' => 'not-bool',
+        ]));
+    }
+
+    public function testMissingRequiredOptionsCauseResolverErrorOnMount(): void
+    {
+        $this->expectException(MissingOptionsException::class);
+
+        $this->mountTwigComponent(Field::class, [
+            'value' => 'yes',
+        ]);
+    }
+
+    /**
+     * @param array<string, mixed> $overrides
+     *
+     * @return array<string, mixed>
+     */
+    private function baseProps(array $overrides = []): array
+    {
+        return array_replace([
+            'id' => 'agree',
+            'name' => 'consent',
+            'value' => 'yes',
+        ], $overrides);
+    }
+
+    private function getWrapper(Crawler $crawler): Crawler
+    {
+        $node = $crawler->filter('.ids-choice-input-field')->first();
+        self::assertGreaterThan(0, $node->count(), 'Wrapper ".ids-choice-input-field" should be present.');
+
+        return $node;
+    }
+
+    private function getLabel(Crawler $crawler): Crawler
+    {
+        $node = $crawler->filter('.ids-choice-input-field .ids-choice-input-label')->first();
+        self::assertGreaterThan(0, $node->count(), 'Choice input label should be present.');
+
+        return $node;
+    }
+
+    private function getCheckbox(Crawler $crawler): Crawler
+    {
+        $node = $crawler->filter('input[type="checkbox"]')->first();
+        self::assertGreaterThan(0, $node->count(), 'Checkbox input should be present.');
+
+        return $node;
+    }
+
+    private function getClassAttr(Crawler $node): string
+    {
+        return (string) $node->attr('class');
+    }
+
+    private function getText(Crawler $node): string
+    {
+        return trim($node->text(''));
+    }
+}