hyperscript/tests/test_element.py at 4e0b322ce83b24c4b4a5af5d3e4f7f85ec47ec24 · vchan/hyperscript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
import types
import unittest

from hyperscript import h, safe


class TestElement(unittest.TestCase):
    def test_element(self) -> None:
        self.assertEqual(str(h("div")), "<div></div>")

    def test_nested(self) -> None:
        self.assertEqual(
            str(h("div", h("h1", "Header"), h("p", "Paragraph"))),
            "<div><h1>Header</h1><p>Paragraph</p></div>",
        )

    def test_nested_arrays(self) -> None:
        self.assertEqual(
            str(h("div", [h("h1", "Header"), h("p", "Paragraph")])),
            "<div><h1>Header</h1><p>Paragraph</p></div>",
        )

    def test_namespace(self) -> None:
        self.assertEqual(str(h("myns:mytag")), "<myns:mytag></myns:mytag>")

    def test_id_selector(self) -> None:
        self.assertEqual(str(h("div#foo")), '<div id="foo"></div>')

    def test_class_selector(self) -> None:
        self.assertEqual(str(h("div.foo")), '<div class="foo"></div>')
        self.assertEqual(str(h("div.foo.bar")), '<div class="foo bar"></div>')

    def test_attributes(self) -> None:
        self.assertEqual(
            str(h("a", {"href": "https://example.com/"})),
            '<a href="https://example.com/"></a>',
        )
        self.assertEqual(str(h("div.foo.bar")), '<div class="foo bar"></div>')

        self.assertEqual(str(h("div", {"prop": "foo"})), '<div prop="foo"></div>')

        self.assertEqual(
            str(h("div", types.MappingProxyType({"prop": "foo"}))),
            '<div prop="foo"></div>',
        )

        self.assertEqual(
            str(h("button", {"disabled": None})), "<button disabled></button>"
        )

        self.assertEqual(
            str(h("button", {"disabled": True})), "<button disabled></button>"
        )

        self.assertEqual(
            str(h("button", {"disabled": ""})), '<button disabled=""></button>'
        )

        self.assertEqual(str(h("button", {"disabled": False})), "<button></button>")

    def test_styles(self) -> None:
        self.assertEqual(
            str(h("div", {"style": {"color": "red"}})), '<div style="color: red"></div>'
        )

    def test_str_styles(self) -> None:
        self.assertEqual(
            str(h("div", {"style": "color: red"})), '<div style="color: red"></div>'
        )

    def test_other_types(self) -> None:
        self.assertEqual(
            str(h("div", True, 5, False, None, "")), "<div>True5False</div>"
        )

    def test_void(self) -> None:
        self.assertEqual(str(h("br")), "<br>")

        with self.assertRaises(ValueError):
            h("br", "foo")

    def test_equality(self) -> None:
        self.assertEqual(h("div"), h("div"))

        self.assertEqual(h("div", h("p", "Foo")), h("div", h("p", "Foo")))

        self.assertNotEqual(h("div"), h("p"))

        self.assertNotEqual(h("div", h("p", "Foo")), h("div", h("p", "Bar")))

    def test_escape(self) -> None:
        self.assertEqual(str(h("div", "<&>", autoescape=False)), "<div><&></div>")

        self.assertEqual(str(h("div", "<&>")), "<div>&lt;&amp;&gt;</div>")

        self.assertEqual(
            str(h("div", {"prop": "<&>"})),
            '<div prop="&lt;&amp;&gt;"></div>',
        )

    def test_safe(self) -> None:
        self.assertEqual(str(h("div", safe("<&>"))), "<div><&></div>")

        self.assertEqual(
            str(h("div", {"prop": safe("<&>")})),
            '<div prop="<&>"></div>',
        )

        with self.assertRaises(TypeError):
            safe(h("div"))  # type: ignore

    def test_empty(self) -> None:
        self.assertEqual(str(h("div")), "<div></div>")
        self.assertEqual(str(h("div", None)), "<div></div>")
        self.assertEqual(str(h("div", "")), "<div></div>")
        self.assertEqual(str(h("div", "", None)), "<div></div>")

    def test_remove_empty(self) -> None:
        self.assertEqual(
            str(
                h(
                    "div",
                    h("div"),
                    "foo",
                    h("div", "bar"),
                    h("div", ""),
                    remove_empty=False,
                )
            ),
            "<div><div></div>foo<div>bar</div><div></div></div>",
        )
        self.assertEqual(
            str(
                h(
                    "div",
                    h("div"),
                    "foo",
                    h("div", "bar"),
                    h("div", ""),
                    remove_empty=True,
                )
            ),
            "<div>foo<div>bar</div></div>",
        )

        self.assertEqual(str(h("div", h("br"), remove_empty=True)), "<div><br></div>")

        self.assertEqual(
            str(
                h(
                    "div",
                    h(
                        "div",
                        h("div", remove_empty=True),
                        remove_empty=True,
                    ),
                    remove_empty=True,
                )
            ),
            "",
        )