4206afeb7b
* style: shorthand replacements need camelCase Avoid warning on terminal and in browser console from using kebab-case CSS props with emotion. * _rename_props only replace prop name once In case the value also contains the prop name, we don't want to replace it multiple times. * pyi_generator: ignore _rename_props in create signature * Avoid shadowing CSS prop `display` and `gap` Replace usages of `gap` with `spacing` to retain Radix sizing number system, while allowing users to specify a responsive `gap` using CSS units. Remove `display` props from radix components, allowing `display` to accept responsive lists. * checkbox: apply `gap` to `flex` if provided * Remove _rename_props from .create signatures * Fix spacing prop in blank template * Fixup tests after changing style shorthand to return camelCase
64 lines
1.7 KiB
Python
64 lines
1.7 KiB
Python
import pytest
|
|
|
|
import reflex as rx
|
|
from reflex.components.markdown import Markdown
|
|
|
|
|
|
@pytest.mark.parametrize(
|
|
"tag,expected",
|
|
[
|
|
("h1", "Heading"),
|
|
("h2", "Heading"),
|
|
("h3", "Heading"),
|
|
("h4", "Heading"),
|
|
("h5", "Heading"),
|
|
("h6", "Heading"),
|
|
("p", "Text"),
|
|
("ul", "UnorderedList"),
|
|
("ol", "OrderedList"),
|
|
("li", "ListItem"),
|
|
("a", "Link"),
|
|
("code", "Code"),
|
|
],
|
|
)
|
|
def test_get_component(tag, expected):
|
|
"""Test getting a component from the component map.
|
|
|
|
Args:
|
|
tag: The tag to get.
|
|
expected: The expected component.
|
|
"""
|
|
md = Markdown.create("# Hello")
|
|
assert tag in md.component_map # type: ignore
|
|
assert md.get_component(tag).tag == expected # type: ignore
|
|
|
|
|
|
def test_set_component_map():
|
|
"""Test setting the component map."""
|
|
component_map = {
|
|
"h1": lambda value: rx.box(
|
|
rx.chakra.heading(value, as_="h1", size="2xl"), padding="1em"
|
|
),
|
|
"p": lambda value: rx.box(rx.text(value), padding="1em"),
|
|
}
|
|
md = Markdown.create("# Hello", component_map=component_map)
|
|
|
|
# Check that the new tags have been added.
|
|
assert md.get_component("h1").tag == "Box" # type: ignore
|
|
assert md.get_component("p").tag == "Box" # type: ignore
|
|
|
|
# Make sure the old tags are still there.
|
|
assert md.get_component("h2").tag == "Heading" # type: ignore
|
|
|
|
|
|
def test_pass_custom_styles():
|
|
"""Test that passing custom styles works."""
|
|
md = Markdown.create("# Hello", custom_styles={"h1": {"color": "red"}})
|
|
|
|
comp = md.get_component("h1") # type: ignore
|
|
assert comp.style == {
|
|
"color": "red",
|
|
"marginBottom": "0.5em",
|
|
"marginTop": "0.5em",
|
|
}
|