Add missing ide-helper methods and component (#41)

Author: MizouziE

ide-helper.php

@@ -84,6 +84,18 @@ public function assertFormExists($selector = 'form', $callback = null)
             return $instance;
         }
 
+        public function assertSelect($selector = 'select', $callback = null)
+        {
+            /** @var \Illuminate\Testing\TestView $instance */
+            return $instance;
+        }
+
+        public function assertSelectExists($selector = 'select', $callback = null)
+        {
+            /** @var \Illuminate\Testing\TestView $instance */
+            return $instance;
+        }
+
         public function assertContainsElement($selector, array $attributes = [])
         {
             /** @var \Illuminate\Testing\TestView $instance */
@@ -123,6 +135,18 @@ public function assertFormExists($selector = 'form', $callback = null)
             return $instance;
         }
 
+        public function assertSelect($selector = 'select', $callback = null)
+        {
+            /** @var \Illuminate\Testing\TestComponent $instance */
+            return $instance;
+        }
+
+        public function assertSelectExists($selector = 'select', $callback = null)
+        {
+            /** @var \Illuminate\Testing\TestComponent $instance */
+            return $instance;
+        }
+
         public function assertContainsElement($selector, array $attributes = [])
         {
             /** @var \Illuminate\Testing\TestComponent $instance */

src/TestComponentMacros.php

@@ -11,6 +11,7 @@
 use PHPUnit\Framework\Assert;
 use Sinnbeck\DomAssertions\Asserts\AssertElement;
 use Sinnbeck\DomAssertions\Asserts\AssertForm;
+use Sinnbeck\DomAssertions\Asserts\AssertSelect;
 use Sinnbeck\DomAssertions\Support\DomParser;
 
 /**
@@ -203,4 +204,52 @@ public function assertFormExists(): Closure
             return $this;
         };
     }
+
+    public function assertSelect(): Closure
+    {
+        return $this->assertSelectExists();
+    }
+
+    public function assertSelectExists(): Closure
+    {
+        return function ($selector = 'select', $callback = null): TestComponent {
+            /** @var TestComponent $this */
+            Assert::assertNotEmpty(
+                (string) $this,
+                'The component is empty!'
+            );
+
+            try {
+                $parser = DomParser::new((string) $this);
+            } catch (DOMException $exception) {
+                Assert::fail($exception->getMessage());
+            }
+
+            if ($selector instanceof Closure) {
+                $callback = $selector;
+                $selector = 'select';
+            }
+
+            if (is_string($selector)) {
+                $select = $parser->query($selector);
+            } else {
+                Assert::fail('Invalid selector!');
+            }
+
+            Assert::assertNotNull(
+                $select,
+                sprintf('No select was found with selector "%s"', $selector)
+            );
+            Assert::assertEquals(
+                'select',
+                $select->nodeName,
+                'Element is not of type select!');
+
+            if ($callback) {
+                $callback(new AssertSelect((string) $this, $select));
+            }
+
+            return $this;
+        };
+    }
 }

tests/ComponentTest.php

@@ -3,9 +3,12 @@
 use PHPUnit\Framework\AssertionFailedError;
 use PHPUnit\Framework\TestCase;
 use Sinnbeck\DomAssertions\Asserts\AssertElement;
+use Sinnbeck\DomAssertions\Asserts\AssertForm;
+use Sinnbeck\DomAssertions\Asserts\AssertSelect;
 use Tests\Views\Components\BrokenComponent;
 use Tests\Views\Components\EmptyBodyComponent;
 use Tests\Views\Components\EmptyComponent;
+use Tests\Views\Components\FormComponent;
 use Tests\Views\Components\Html5Component;
 use Tests\Views\Components\LivewireComponent;
 use Tests\Views\Components\NestedComponent;
@@ -44,6 +47,29 @@
         ->assertContainsElement('span.foo', ['non-existing-attribute' => 'non-existing']);
 })->throws(AssertionFailedError::class, 'Attribute [non-existing-attribute] not found in element [span.foo]');
 
+it('assertFormExists works as expects', function () {
+    $this->component(FormComponent::class)
+        ->assertFormExists('#form1', function (AssertForm $form) {
+            $form->hasAction('store-comment');
+        });
+});
+
+it('assertSelectExists works as expects', function () {
+    $this->component(FormComponent::class)
+        ->assertSelectExists('[name="things"]', function (AssertSelect $select) {
+            $select->containsOptgroups(
+                ['label' => 'Animals'],
+                ['label' => 'Vegetables'],
+                ['label' => 'Minerals'],
+            );
+            $select->containsOptions(
+                ['value' => 'dog'],
+                ['value' => 'carrot'],
+                ['value' => 'calcium'],
+            );
+        });
+});
+
 it('can handle an empty component', function () {
     $this->component(EmptyComponent::class)
         ->assertElementExists();

tests/views/components/FormComponent.php

@@ -0,0 +1,39 @@
+<?php
+
+namespace Tests\Views\Components;
+
+use Illuminate\View\Component;
+
+class FormComponent extends Component
+{
+    public function __construct() {}
+
+    public function render(): string
+    {
+        return <<<'HTML'
+        <form id="form1" x-data="foo" action="store-comment" enctype="multipart/form-data">
+            <label for="comment">Comment</label>
+            <textarea name="comment" id="comment" required>
+                foo
+            </textarea>
+            
+            <input type="checkbox" />
+
+            <select name="things">
+                <optgroup label="Animals">
+                    <option value="dog">Dog</option>
+                    <option value="cat">Cat</option>
+                </optgroup>
+                <optgroup label="Vegetables" x-data="none">
+                    <option value="carrot">Carrot</option>
+                    <option value="onion">Onion</option>
+                </optgroup>
+                <optgroup label="Minerals">
+                    <option value="calcium">Calcium</option>
+                    <option value="zinc">Zinc</option>
+                </optgroup>
+            </select>
+        </form>
+        HTML;
+    }
+}