Thảo luận Mô đun:HtmlBuilder/testcases
All tests passed.
| Văn bản | Mong đợi | Thực tế | |
|---|---|---|---|
|
Empty builder | ||
|
|
Plain text | foo | foo |
|
|
Empty div | <div></div> | <div></div> |
|
|
Div with text | <div>foo</div> | <div>foo</div> |
|
|
Text and div | foo<div>bar</div> | foo<div>bar</div> |
|
|
Nested div | <div><div>foo</div></div> | <div><div>foo</div></div> |
|
|
Div with attribute | <div id="foo"></div> | <div id="foo"></div> |
|
|
Div with multiple attributes | <div id="foo" class="bar baz" lang="es"></div> | <div id="foo" class="bar baz" lang="es"></div> |
|
|
Div with multiple attributes in other order | <div class="bar baz" id="foo" lang="es"></div> | <div class="bar baz" id="foo" lang="es"></div> |
|
|
Div with overwritten attribute | <div id="baz" class="bar"></div> | <div id="baz" class="bar"></div> |
|
|
Div with overwritten attribute in other order | <div class="bar" id="baz"></div> | <div class="bar" id="baz"></div> |
|
|
Div with attributes and text | <div id="foo">bar</div> | <div id="foo">bar</div> |
|
|
Div with style | <div style="background:red;"></div> | <div style="background:red;"></div> |
|
|
Div with multiple styles | <div style="background:red;color:blue;"></div> | <div style="background:red;color:blue;"></div> |
|
|
Div with multiple styles in other order | <div style="color:blue;background:red;"></div> | <div style="color:blue;background:red;"></div> |
|
|
Div with overwritten style | <div style="background:green;color:blue;"></div> | <div style="background:green;color:blue;"></div> |
|
|
Div with CSS text | <div style="width:55px;height:77px;;"></div> | <div style="width:55px;height:77px;;"></div> |
|
|
Div with explicitly overwritten style attribute | <div style="color:blue;;"></div> | <div style="color:blue;;"></div> |
|
|
addClass | <div class="foo"></div> | <div class="foo"></div> |
|
|
addClass with multiple classes | <div class="foo bar baz"></div> | <div class="foo bar baz"></div> |
|
|
Unclosed div | <div> | <div> |
|
|
Closing div tag | </div> | </div> |
|
|
Self-closing br tag | <br /> | <br /> |
|
|
Ignored CSS values | <div></div> | <div></div> |
|
|
Ignored attribute values | <div></div> | <div></div> |
|
|
Empty CSS values | <div></div> | <div></div> |
|
|
Two nodes | <b></b><i></i> | <b></b><i></i> |
|
|
Two complicated nodes | <div><b class="foo">bar</b>qux<i id="baz" style="color:yellow;"></i></div> | <div><b class="foo">bar</b>qux<i id="baz" style="color:yellow;"></i></div> |