rename props key and add a test

Author: matheo

src/LiveComponent/phpunit.xml.dist.bak

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!-- https://phpunit.de/manual/current/en/appendixes.configuration.html -->
+<phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:noNamespaceSchemaLocation="vendor/bin/.phpunit/phpunit.xsd"
+         colors="true"
+         bootstrap="vendor/autoload.php"
+         failOnRisky="true"
+         failOnWarning="true"
+>
+    <php>
+        <ini name="error_reporting" value="-1" />
+        <server name="KERNEL_CLASS" value="Symfony\UX\LiveComponent\Tests\Fixtures\Kernel" />
+        <server name="DATABASE_URL" value="sqlite:///%kernel.project_dir%/var/data.db" />
+        <env name="SHELL_VERBOSITY" value="-1"/>
+        <server name="SYMFONY_DEPRECATIONS_HELPER" value="max[self]=0&amp;max[direct]=0"/>
+    </php>
+
+    <testsuites>
+        <testsuite name="symfony/ux-live-component Test Suite">
+            <directory>./tests/</directory>
+        </testsuite>
+    </testsuites>
+
+    <filter>
+        <whitelist processUncoveredFilesFromWhitelist="true">
+            <directory suffix=".php">./src</directory>
+        </whitelist>
+    </filter>
+
+    <listeners>
+        <listener class="Symfony\Bridge\PhpUnit\SymfonyTestsListener"/>
+    </listeners>
+</phpunit>

src/TwigComponent/src/ComponentRenderer.php

@@ -135,7 +135,7 @@ private function preRender(MountedComponent $mounted, array $context = []): PreR
             // add attributes
             [$metadata->getAttributesVar() => $mounted->getAttributes()],
             $props,
-            ['props' => $props]
+            ['__props' => $props]
         );
         $event = new PreRenderEvent($mounted, $metadata, $variables);
 

src/TwigComponent/src/Twig/PropsNode.php

@@ -37,7 +37,7 @@ public function compile(Compiler $compiler): void
             $compiler
                 ->write('$propsNames[] = \''.$name.'\';')
                 ->write('$context[\'attributes\'] = $context[\'attributes\']->remove(\''.$name.'\');')
-                ->write('if (!isset($context[\'props\'][\''.$name.'\'])) {');
+                ->write('if (!isset($context[\'__props\'][\''.$name.'\'])) {');
 
             if (!$this->hasNode($name)) {
                 $compiler

src/TwigComponent/tests/Fixtures/templates/anonymous_component_with_variable_already_in_context.html.twig

@@ -0,0 +1,5 @@
+{% set message = 'bar' %}
+
+<twig:Message>
+    <p>Hey!</p>
+</twig:Message>

src/TwigComponent/tests/Fixtures/templates/components/Message.html.twig

@@ -0,0 +1,5 @@
+{% props message = 'foo' %}
+
+<p>{{ message }}</p>
+{% block content %}
+{% endblock %}

src/TwigComponent/tests/Integration/ComponentExtensionTest.php

@@ -195,6 +195,13 @@ public function testRenderAnonymousComponentWithNonScalarProps(): void
         $this->assertStringContainsString('class variable defined? no', $output);
     }
 
+    public function testComponentPropsOverwriteContextValue(): void
+    {
+        $output = self::getContainer()->get(Environment::class)->render('anonymous_component_with_variable_already_in_context.html.twig');
+
+        $this->assertStringContainsString('<p>foo</p>', $output);
+    }
+
     private function renderComponent(string $name, array $data = []): string
     {
         return self::getContainer()->get(Environment::class)->render('render_component.html.twig', [