Fix component attributes rendering (#21)

sensiolabs · May 15, 2024 · d6be2cf · d6be2cf
1 parent 2b9eebe
commit d6be2cf
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/Twig/StorybookEnvironmentConfigurator.php b/src/Twig/StorybookEnvironmentConfigurator.php
@@ -2,7 +2,9 @@
 
 namespace Storybook\Twig;
 
+use Symfony\UX\TwigComponent\ComponentAttributes;
 use Twig\Environment;
+use Twig\Extension\EscaperExtension;
 use Twig\Extension\SandboxExtension;
 use Twig\Sandbox\SecurityPolicyInterface;
 
@@ -22,6 +24,8 @@ public function configure(Environment $environment): void
     {
         $this->inner->configure($environment);
 
+        $environment->getExtension(EscaperExtension::class)->addSafeClass(ComponentAttributes::class, ['html']);
+
         $environment->setExtensions([
             new SandboxExtension($this->securityPolicy),
             new StoryExtension(),

diff --git a/tests/Integration/StoryRendererTest.php b/tests/Integration/StoryRendererTest.php
@@ -192,4 +192,15 @@ public function testPassingPropsFromContextVariableWithSameName()
 
         $this->assertEquals($renderer->render($storyWithFunction), $renderer->render($storyWithTag));
     }
+
+    public function testComponentAttributeRendering()
+    {
+        self::bootKernel();
+
+        $renderer = static::getContainer()->get('storybook.story_renderer');
+
+        $story = new Story('story', '<twig:AnonymousComponent foo="bar"></twig:AnonymousComponent>', new Args());
+
+        $this->assertStringContainsString('foo="bar"', $renderer->render($story));
+    }
 }