Adds test for string_to_reactpy

Author: shawncrawley

src/reactpy/core/vdom.py

@@ -32,7 +32,7 @@
     VdomJson,
 )
 
-EVENT_ATTRIBUTE_PATTERN = re.compile(r"^on[A-Z]")
+EVENT_ATTRIBUTE_PATTERN = re.compile(r"^on\w+")
 
 VDOM_JSON_SCHEMA = {
     "$schema": "http://json-schema.org/draft-07/schema",

src/reactpy/types.py

@@ -790,7 +790,7 @@ class VdomTypeDict(TypedDict):
     children: NotRequired[Sequence[ComponentType | VdomChild]]
     attributes: NotRequired[VdomAttributes]
     eventHandlers: NotRequired[EventHandlerDict]
-    jsExecutables: NotRequired[JavaScript]
+    jsExecutables: NotRequired[JSExecutableDict]
     importSource: NotRequired[ImportSourceDict]
 
 
@@ -896,6 +896,7 @@ class JsonImportSource(TypedDict):
 
 
 class JavaScript(str):
+    """A simple way of marking JavaScript code to be executed client-side"""
     pass
 
 
@@ -937,7 +938,7 @@ class EventHandlerType(Protocol):
 """A dict mapping between event names to their handlers"""
 
 JSExecutableMapping = Mapping[str, JavaScript]
-"""A generic mapping between event names to their javascript"""
+"""A generic mapping between attribute names to their javascript"""
 
 JSExecutableDict: TypeAlias = dict[str, JavaScript]
 """A dict mapping between attribute names to their javascript"""

tests/test_utils.py

@@ -194,6 +194,15 @@ def test_string_to_reactpy(case):
                 "key": "my-key",
             },
         },
+        # 9: Includes `jsExecutables` attribue
+        {
+            "source": '''<button onclick="this.innerText = 'CLICKED'">Click Me</button>''',
+            "model": {
+                "tagName": "button",
+                "jsExecutables": {"onclick": "this.innerText = 'CLICKED'"},
+                "children": ["Click Me"],
+            }
+        },
     ],
 )
 def test_string_to_reactpy_default_transforms(case):