mirror of
https://github.com/django-components/django-components.git
synced 2025-08-04 06:18:17 +00:00
refactor: Backbone for passing JS and CSS variables (#861)
Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
This commit is contained in:
parent
296da4a1e8
commit
fe67d90547
28 changed files with 1181 additions and 594 deletions
|
@ -101,7 +101,7 @@ class ComponentOldTemplateApiTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"""
|
||||
Variable: <strong>test</strong>
|
||||
Variable: <strong data-djc-id-a1bc3e>test</strong>
|
||||
""",
|
||||
)
|
||||
|
||||
|
@ -175,7 +175,7 @@ class ComponentTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"""
|
||||
Variable: <strong>test</strong>
|
||||
Variable: <strong data-djc-id-a1bc3e>test</strong>
|
||||
""",
|
||||
)
|
||||
|
||||
|
@ -201,7 +201,7 @@ class ComponentTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"""
|
||||
Variable: <strong>test</strong>
|
||||
Variable: <strong data-djc-id-a1bc3e>test</strong>
|
||||
""",
|
||||
)
|
||||
|
||||
|
@ -223,7 +223,7 @@ class ComponentTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"""
|
||||
Variable: <strong>test</strong>
|
||||
Variable: <strong data-djc-id-a1bc3e>test</strong>
|
||||
""",
|
||||
)
|
||||
|
||||
|
@ -244,13 +244,13 @@ class ComponentTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
SvgComponent.render(kwargs={"name": "svg1"}),
|
||||
"""
|
||||
<svg>Dynamic1</svg>
|
||||
<svg data-djc-id-a1bc3e>Dynamic1</svg>
|
||||
""",
|
||||
)
|
||||
self.assertHTMLEqual(
|
||||
SvgComponent.render(kwargs={"name": "svg2"}),
|
||||
"""
|
||||
<svg>Dynamic2</svg>
|
||||
<svg data-djc-id-a1bc3f>Dynamic2</svg>
|
||||
""",
|
||||
)
|
||||
|
||||
|
@ -270,7 +270,7 @@ class ComponentTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"""
|
||||
Variable: <strong>test</strong>
|
||||
Variable: <strong data-djc-id-a1bc3e>test</strong>
|
||||
""",
|
||||
)
|
||||
|
||||
|
@ -314,7 +314,7 @@ class ComponentTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"""
|
||||
Variable: <strong>test</strong> MY_SLOT
|
||||
Variable: <strong data-djc-id-a1bc3e>test</strong> MY_SLOT
|
||||
""",
|
||||
)
|
||||
|
||||
|
@ -407,7 +407,7 @@ class ComponentValidationTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"""
|
||||
Variable: <strong>test</strong>
|
||||
Variable: <strong data-djc-id-a1bc3e>test</strong>
|
||||
Slot 1: MY_SLOT
|
||||
Slot 2: abc
|
||||
""",
|
||||
|
@ -536,7 +536,7 @@ class ComponentValidationTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"""
|
||||
Variable: <strong>test</strong>
|
||||
Variable: <strong data-djc-id-a1bc3e>test</strong>
|
||||
Slot 1: 123.5
|
||||
Slot 2: abc
|
||||
""",
|
||||
|
@ -568,7 +568,7 @@ class ComponentValidationTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"""
|
||||
Variable: <strong>test</strong>
|
||||
Variable: <strong data-djc-id-a1bc3e>test</strong>
|
||||
Slot 1: MY_SLOT
|
||||
Slot 2: abc
|
||||
""",
|
||||
|
@ -655,7 +655,7 @@ class ComponentValidationTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"""
|
||||
Name: <strong>TestComponent</strong>
|
||||
Name: <strong data-djc-id-a1bc3e>TestComponent</strong>
|
||||
""",
|
||||
)
|
||||
|
||||
|
@ -960,7 +960,7 @@ class ComponentRenderTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"""
|
||||
<custom-template>
|
||||
<custom-template data-djc-id-a1bc3e>
|
||||
<header>Default header</header>
|
||||
<main>Default main</main>
|
||||
<footer>Default footer</footer>
|
||||
|
@ -982,7 +982,7 @@ class ComponentRenderTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"""
|
||||
<custom-template>
|
||||
<custom-template data-djc-id-a1bc3e>
|
||||
<header>Default header</header>
|
||||
<main>Default main</main>
|
||||
<footer>Default footer</footer>
|
||||
|
@ -1005,7 +1005,7 @@ class ComponentRenderTest(BaseTestCase):
|
|||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"""
|
||||
<custom-template>
|
||||
<custom-template data-djc-id-a1bc3e>
|
||||
<header>Default header</header>
|
||||
<main>Default main</main>
|
||||
<footer>Default footer</footer>
|
||||
|
@ -1057,7 +1057,7 @@ class ComponentRenderTest(BaseTestCase):
|
|||
# """
|
||||
self.assertInHTML(
|
||||
"""
|
||||
<kbd>
|
||||
<kbd data-djc-id-a1bc3e>
|
||||
Rendered via GET request
|
||||
</kbd>
|
||||
""",
|
||||
|
@ -1150,7 +1150,7 @@ class ComponentRenderTest(BaseTestCase):
|
|||
rendered,
|
||||
"""
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html data-djc-id-a1bc3e lang="en">
|
||||
<body>
|
||||
<main role="main">
|
||||
<div class='container main-container'>
|
||||
|
@ -1169,13 +1169,13 @@ class ComponentRenderTest(BaseTestCase):
|
|||
|
||||
def get_context_data(self, **attrs):
|
||||
return {
|
||||
"id": self.component_id,
|
||||
"id": self.id,
|
||||
}
|
||||
|
||||
rendered = TestComponent(component_id="123").render()
|
||||
rendered = TestComponent.render()
|
||||
self.assertHTMLEqual(
|
||||
rendered,
|
||||
"Variable: <strong>123</strong>",
|
||||
"Variable: <strong data-djc-id-a1bc3e>a1bc3e</strong>",
|
||||
)
|
||||
|
||||
@parametrize_context_behavior(["django", "isolated"])
|
||||
|
@ -1185,13 +1185,13 @@ class ComponentRenderTest(BaseTestCase):
|
|||
|
||||
def get_context_data(self, **attrs):
|
||||
return {
|
||||
"id": self.component_id,
|
||||
"id": self.id,
|
||||
}
|
||||
|
||||
rendered_resp = TestComponent(component_id="123").render_to_response()
|
||||
rendered_resp = TestComponent.render_to_response()
|
||||
self.assertHTMLEqual(
|
||||
rendered_resp.content.decode("utf-8"),
|
||||
"Variable: <strong>123</strong>",
|
||||
"Variable: <strong data-djc-id-a1bc3e>a1bc3e</strong>",
|
||||
)
|
||||
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue