[StimulusBundle] Document chaining different stimulus_* helpers

Author: Amoifr

src/StimulusBundle/doc/index.rst

@@ -342,6 +342,30 @@ You can also retrieve the generated attributes as an array, which can be helpful
 
     {{ form_row(form.password, { attr: stimulus_target('hello-controller', 'myTarget').toArray() }) }}
 
+Chaining Different Helpers
+~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+The ``stimulus_controller``, ``stimulus_action`` and ``stimulus_target``
+filters can be mixed freely to render all the attributes of an element at
+once, whichever function the chain started with:
+
+.. code-block:: html+twig
+
+    <div {{ stimulus_controller('first-controller')
+        |stimulus_target('second-controller', 'anotherTarget')
+        |stimulus_target('third-controller', 'foo')
+        |stimulus_action('first-controller', 'test') }}>
+        Hello
+    </div>
+
+    <!-- would render -->
+    <div data-controller="first-controller"
+        data-action="first-controller#test"
+        data-second-controller-target="anotherTarget"
+        data-third-controller-target="foo">
+        Hello
+    </div>
+
 .. _configuration:
 
 Configuration

src/StimulusBundle/tests/Twig/StimulusTwigExtensionTest.php

@@ -250,4 +250,18 @@ public function testAppendStimulusTarget()
             (string) $extension->appendStimulusTarget($dto, '@symfony/ux-dropzone/dropzone', 'anotherTarget fooTarget')
         );
     }
+
+    public function testAppendDifferentStimulusHelpers()
+    {
+        $extension = new StimulusTwigExtension(new StimulusHelper($this->twig));
+        $dto = $extension->renderStimulusController('first-controller');
+        $dto = $extension->appendStimulusTarget($dto, 'second-controller', 'anotherTarget');
+        $dto = $extension->appendStimulusTarget($dto, 'third-controller', 'foo');
+        $dto = $extension->appendStimulusAction($dto, 'first-controller', 'test');
+
+        $this->assertSame(
+            'data-controller="first-controller" data-action="first-controller#test" data-second-controller-target="anotherTarget" data-third-controller-target="foo"',
+            (string) $dto
+        );
+    }
 }