def test_basic_attrs(self):
        self.create_template(
            "cotton/dropdown.html",
            """
            <c-vars class />
            <select class="p-2 text-black w-full bg-white border border-black {{ class }}" {{ attrs }}>
                {{ slot }}
            </select>
            """,
        )

        self.create_template(
            "cotton/dropdown_city.html",
            """
                <c-dropdown {{ attrs }}>
                    <option value="SF">San Francisco</option>
                    <option value="NY">New York</option>
                </c-dropdown>
            """,
        )

        self.create_template(
            "nested_attrs_view.html",
            """
                <c-dropdown-city class="w-full" name="city-dropdown-2" />
            """,
            "view/",
            context={},
        )

        with self.settings(ROOT_URLCONF=self.url_conf()):
            response = self.client.get("/view/")
            self.assertNotContains(response, "<c-vars")
            self.assertNotContains(response, "{{ attrs }}")
            self.assertContains(response, 'name="city-dropdown-2"')
            self.assertContains(response, ' border-black w-full"')

            # printed
            # <select class="p-2 text-black w-full bg-white border border-black w-full" {{ attrs }}>
            #         <option value="SF">San Francisco</option>
            #         <option value="NY">New York</option>
            # </select>

            # expected
            # <select class="p-2 text-black w-full bg-white border border-black w-full" name="city-dropdown-2">
            #         <option value="SF">San Francisco</option>
            #         <option value="NY">New York</option>
            # </select>