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:
Juro Oravec 2024-12-28 19:27:19 +01:00 committed by GitHub
parent 296da4a1e8
commit fe67d90547
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
28 changed files with 1181 additions and 594 deletions

View file

@ -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>",
)