mirror of
https://github.com/django-components/django-components.git
synced 2025-10-06 04:00:19 +00:00
113 lines
4.3 KiB
Python
113 lines
4.3 KiB
Python
from pathlib import Path
|
|
|
|
import pytest
|
|
from django.template import Context, Template
|
|
from pytest_django.asserts import assertHTMLEqual
|
|
|
|
from django_components import registry, types
|
|
from django_components.testing import djc_test
|
|
from tests.testutils import PARAMETRIZE_CONTEXT_BEHAVIOR, setup_test_config
|
|
|
|
setup_test_config({"autodiscover": False})
|
|
|
|
|
|
# Instead of having to re-define the components from the examples section in documentation,
|
|
# we import them directly from sampleproject.
|
|
def _create_tab_components():
|
|
# Imported lazily, so we import it only once settings are set
|
|
from sampleproject.examples.components.form.form import Form, FormLabel
|
|
|
|
# NOTE: We're importing the component classes from the sampleproject, so we're
|
|
# testing the actual implementation.
|
|
registry.register("form", Form)
|
|
registry.register("form_label", FormLabel)
|
|
|
|
|
|
@djc_test(
|
|
parametrize=PARAMETRIZE_CONTEXT_BEHAVIOR,
|
|
components_settings={
|
|
"dirs": [
|
|
Path(__file__).parent / "components",
|
|
# Include the directory where example components are defined
|
|
Path(__file__).parent.parent / "sampleproject/examples/components",
|
|
],
|
|
},
|
|
)
|
|
class TestExampleForm:
|
|
def test_render_simple_form(self, components_settings):
|
|
_create_tab_components()
|
|
template_str: types.django_html = """
|
|
{% load component_tags %}
|
|
{% component "form" %}
|
|
{% fill "field:project" %}<input name="project">{% endfill %}
|
|
{% fill "field:option" %}<select name="option"></select>{% endfill %}
|
|
{% endcomponent %}
|
|
"""
|
|
template = Template(template_str)
|
|
rendered = template.render(Context({}))
|
|
|
|
assertHTMLEqual(
|
|
rendered,
|
|
"""
|
|
<form method="post" data-djc-id-ca1bc41>
|
|
<div>
|
|
<div class="grid grid-cols-[auto,1fr] gap-x-4 gap-y-2 items-center">
|
|
<label for="project" class="font-semibold text-gray-700" data-djc-id-ca1bc42>
|
|
Project
|
|
</label>
|
|
<input name="project">
|
|
<label for="option" class="font-semibold text-gray-700" data-djc-id-ca1bc43>
|
|
Option
|
|
</label>
|
|
<select name="option"></select>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
""",
|
|
)
|
|
|
|
def test_custom_label(self, components_settings):
|
|
_create_tab_components()
|
|
template_str = """
|
|
{% load component_tags %}
|
|
{% component "form" %}
|
|
{% fill "label:project" %}<strong>Custom Project Label</strong>{% endfill %}
|
|
{% fill "field:project" %}<input name="project">{% endfill %}
|
|
{% endcomponent %}
|
|
"""
|
|
template = Template(template_str)
|
|
rendered = template.render(Context({}))
|
|
|
|
assert "<strong>Custom Project Label</strong>" in rendered
|
|
assert '<label for="project"' not in rendered
|
|
|
|
def test_unused_label_raises_error(self, components_settings):
|
|
_create_tab_components()
|
|
template_str = """
|
|
{% load component_tags %}
|
|
{% component "form" %}
|
|
{% fill "label:project" %}Custom Project Label{% endfill %}
|
|
{% endcomponent %}
|
|
"""
|
|
template = Template(template_str)
|
|
|
|
with pytest.raises(ValueError, match=r"Unused labels: {'label:project'}"):
|
|
template.render(Context({}))
|
|
|
|
def test_prepend_append_slots(self, components_settings):
|
|
_create_tab_components()
|
|
template_str = """
|
|
{% load component_tags %}
|
|
{% component "form" %}
|
|
{% fill "prepend" %}<div>Prepended content</div>{% endfill %}
|
|
{% fill "field:project" %}<input name="project">{% endfill %}
|
|
{% fill "append" %}<div>Appended content</div>{% endfill %}
|
|
{% endcomponent %}
|
|
"""
|
|
template = Template(template_str)
|
|
rendered = template.render(Context({}))
|
|
|
|
assert "<div>Prepended content</div>" in rendered
|
|
assert "<div>Appended content</div>" in rendered
|
|
assert rendered.find("Prepended content") < rendered.find("project")
|
|
assert rendered.find("Appended content") > rendered.find("project")
|