django-cotton/django_cotton/tests/test_slots.py

from django_cotton.tests.utils import CottonInlineTestCase
from django_cotton.tests.utils import get_compiled


class SlotAndContentTests(CottonInlineTestCase):
    def test_named_slots_correctly_display_in_loop(self):
        self.create_template(
            "named_slot_in_loop_view.html",
            """
                {% for item in items %}
                    <c-named-slot-component>
                        <c-slot name="name">
                            item name: {{ item.name }}
                        </c-slot>
                    </c-named-slot-component>
                {% endfor %}  
            """,
            "view/",
            context={
                "items": [
                    {"name": "Item 1"},
                    {"name": "Item 2"},
                    {"name": "Item 3"},
                ]
            },
        )

        self.create_template(
            "cotton/named_slot_component.html",
            """,
            <div>
                {{ name }}
            </div>        
            """,
        )

        with self.settings(ROOT_URLCONF=self.url_conf()):
            response = self.client.get("/view/")
            self.assertContains(response, "item name: Item 1")
            self.assertContains(response, "item name: Item 2")
            self.assertContains(response, "item name: Item 3")

    def test_named_slots_dont_bleed_into_sibling_components(self):
        self.create_template(
            "slot_bleed_view.html",
            """
                <c-slot-bleed id="1"> 
                    <c-slot name="named_slot">named slot 1</c-slot>
                </c-slot-bleed>
                <c-slot-bleed id="2"></c-slot-bleed>        
            """,
            "view/",
        )

        self.create_template(
            "cotton/slot_bleed.html", """named_slot {{ id }}: '{{ named_slot }}'</p>"""
        )

        with self.settings(ROOT_URLCONF=self.url_conf()):
            response = self.client.get("/view/")

            self.assertTrue("named_slot 1: 'named slot 1'" in response.content.decode())
            self.assertTrue("named_slot 2: ''" in response.content.decode())

    def test_vars_are_converted_to_vars_frame_tags(self):
        compiled = get_compiled(
            """
                <c-vars var1="string with space" />
                
                content
            """
        )

        self.assertEquals(
            compiled,
            """{% cotton_vars_frame var1=var1|default:"string with space" %}content{% endcotton_vars_frame %}""",
        )