From dd4e64c427017f84a7643e14eff8baad398befa3 Mon Sep 17 00:00:00 2001 From: MurakamiShinyu Date: Fri, 16 Dec 2022 16:36:14 +0900 Subject: [PATCH] test: Add "lh and rlh units" and "margin-break property" tests - add lh-rlh-units.html - add margin-break.html - fix typo in inset-shorthand.html --- packages/core/test/files/file-list.js | 8 + packages/core/test/files/inset-shorthand.html | 2 +- packages/core/test/files/lh-rlh-units.html | 79 +++++++ packages/core/test/files/margin-break.html | 221 ++++++++++++++++++ 4 files changed, 309 insertions(+), 1 deletion(-) create mode 100644 packages/core/test/files/lh-rlh-units.html create mode 100644 packages/core/test/files/margin-break.html diff --git a/packages/core/test/files/file-list.js b/packages/core/test/files/file-list.js index fbde89d71..f7fa1ffd2 100644 --- a/packages/core/test/files/file-list.js +++ b/packages/core/test/files/file-list.js @@ -136,6 +136,14 @@ module.exports = [ file: "inset-shorthand.html", title: "inset shorthand property", }, + { + file: "lh-rlh-units.html", + title: "lh and rlh units", + }, + { + file: "margin-break.html", + title: "margin-break property", + } ], }, { diff --git a/packages/core/test/files/inset-shorthand.html b/packages/core/test/files/inset-shorthand.html index 38d6edb75..d5f4a5532 100644 --- a/packages/core/test/files/inset-shorthand.html +++ b/packages/core/test/files/inset-shorthand.html @@ -1,7 +1,7 @@ - + inset shorthand property + + +
+

H1: Title

+

with Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui consequatur quod natus molestiae eaque cupiditate placeat eius deserunt fugiat repudiandae, ea, dolor praesentium accusantium nesciunt voluptates porro. Qui, non, hic!

+

Possimus ullam recusandae, iure quae, similique illo, a quasi nam excepturi dolore veritatis vero! Iure doloremque libero consequatur sequi pariatur officia ab!

+

H2: Heading Level 2

+

Harum ducimus placeat quia reiciendis nulla voluptatum repellat mollitia expedita nemo voluptatem. Laudantium, deserunt facilis maxime dolorum enim, sit! Nulla quod, repellat!

+

H3: Heading Level 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, accusantium.

+

Dicta quae voluptatibus beatae. Molestiae animi repudiandae quia, et ratione ducimus esse expedita nisi deleniti illum laborum doloribus incidunt quisquam cum, magni?

+

Quod praesentium obcaecati eos ea expedita quia, minus ducimus, officiis error illum laboriosam nam deleniti cum. Rem amet obcaecati odio illum animi!

+
+

H1: Title

+

with Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui consequatur quod natus molestiae eaque cupiditate placeat eius deserunt fugiat repudiandae, ea, dolor praesentium accusantium nesciunt voluptates porro. Qui, non, hic!

+

Possimus ullam recusandae, iure quae, similique illo, a quasi nam excepturi dolore veritatis vero! Iure doloremque libero consequatur sequi pariatur officia ab!

+

H2: Heading Level 2

+

Harum ducimus placeat quia reiciendis nulla voluptatum repellat mollitia expedita nemo voluptatem. Laudantium, deserunt facilis maxime dolorum enim, sit! Nulla quod, repellat!

+

H3: Heading Level 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, accusantium.

+

Dicta quae voluptatibus beatae. Molestiae animi repudiandae quia, et ratione ducimus esse expedita nisi deleniti illum laborum doloribus incidunt quisquam cum, magni?

+

Quod praesentium obcaecati eos ea expedita quia, minus ducimus, officiis error illum laboriosam nam deleniti cum. Rem amet obcaecati odio illum animi!

+
+

H1: Title

+

with Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui consequatur quod natus molestiae eaque cupiditate placeat eius deserunt fugiat repudiandae, ea, dolor praesentium accusantium nesciunt voluptates porro. Qui, non, hic!

+

Possimus ullam recusandae, iure quae, similique illo, a quasi nam excepturi dolore veritatis vero! Iure doloremque libero consequatur sequi pariatur officia ab!

+

H2: Heading Level 2

+

Harum ducimus placeat quia reiciendis nulla voluptatum repellat mollitia expedita nemo voluptatem. Laudantium, deserunt facilis maxime dolorum enim, sit! Nulla quod, repellat!

+

H3: Heading Level 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, accusantium.

+

Dicta quae voluptatibus beatae. Molestiae animi repudiandae quia, et ratione ducimus esse expedita nisi deleniti illum laborum doloribus incidunt quisquam cum, magni?

+

Quod praesentium obcaecati eos ea expedita quia, minus ducimus, officiis error illum laboriosam nam deleniti cum. Rem amet obcaecati odio illum animi!

+ + diff --git a/packages/core/test/files/margin-break.html b/packages/core/test/files/margin-break.html new file mode 100644 index 000000000..c75a09ad2 --- /dev/null +++ b/packages/core/test/files/margin-break.html @@ -0,0 +1,221 @@ + + + + + + margin-break property + + + + +

H1 {margin-break: dicard}

+

H2 {margin-break: keep}

+

H3 {margin-break: auto}

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet + lacinia elit. Sed ornare at erat ac dictum. Vestibulum sit amet placerat + turpis, at viverra enim. Praesent dignissim quis arcu quis cursus. Quisque + nunc augue, rutrum sed iaculis eget, ultricies nec massa. Sed suscipit eu + diam posuere convallis. Ut vitae eleifend nibh. Morbi mollis leo metus. Nunc + varius vestibulum nulla sed tristique. Vivamus semper risus at sem + vestibulum aliquet. Morbi viverra, justo finibus ultrices dignissim, tellus + ipsum pharetra justo, vel sodales purus turpis ut mauris. Nam vitae commodo + nisl, in bibendum arcu. Phasellus sed congue metus. +

+

H1 {margin-break: dicard}

+

+ Donec mattis, diam eget ornare posuere, neque augue ultrices erat, eu + pulvinar sem sem sit amet nibh. Ut facilisis congue dolor at ultrices. Duis + et nisi augue. Vivamus suscipit sem sed mi varius volutpat. Praesent varius + sapien facilisis, sollicitudin nisi non, bibendum odio. Curabitur + pellentesque dictum libero eget gravida. Nulla vitae nisl non urna + scelerisque mattis ut sed risus. +

+

H2 {margin-break: keep}

+

+ Nam scelerisque sem eu ex condimentum auctor. Sed bibendum euismod sapien, + et blandit turpis tempus pellentesque. Phasellus vel elit semper, egestas + ligula sit amet, luctus ante. Vestibulum ante ipsum primis in faucibus orci + luctus et ultrices posuere cubilia curae; Fusce sed accumsan risus. Ut a + nunc pulvinar, interdum mauris sit amet, dignissim dui. Nam sit amet est + sollicitudin, pellentesque risus ac, mollis elit. Integer sed aliquet leo. + Duis tincidunt, ipsum eget semper sodales, neque dui consequat tortor, + pellentesque sollicitudin sem neque a turpis. Aliquam lobortis euismod nunc + eu interdum. Vestibulum condimentum et ipsum ut cursus. +

+

H3 {margin-break: auto}

+

+ Quisque et elit ut neque consequat hendrerit. In semper nisl eget velit + ornare laoreet. Nulla gravida, nunc in iaculis malesuada, justo justo + accumsan ante, in volutpat nunc erat vitae ante. Ut diam justo, cursus nec + turpis in, congue molestie tellus. Praesent consectetur nunc ut arcu + bibendum imperdiet. In maximus, sem nec ullamcorper sodales, diam leo + porttitor nisi, id ullamcorper magna purus eget augue. Cras posuere, mauris + vulputate consequat lobortis, magna dui elementum elit, eget consectetur + justo tortor a ipsum. +

+

+ In eget ligula ac dui vulputate pretium quis vel arcu. Nam vel magna ac erat + sollicitudin suscipit. Sed quam elit, varius quis neque nec, vestibulum + eleifend massa. Cras dolor nibh, sodales in rhoncus tincidunt, semper sed + tortor. Etiam lobortis, magna ac vehicula tempor, libero ligula dignissim + libero, vel ullamcorper turpis diam ac neque. Sed gravida sodales leo ac + cursus. Aliquam ipsum tellus, varius at ultricies at, dignissim sit amet + est. Ut euismod ex dapibus nisi dignissim rhoncus. +

+

H1 {margin-break: dicard}

+

+ Nam tellus tellus, finibus sit amet lectus non, facilisis luctus diam. Donec + vel tortor ante. Donec non vehicula ligula. Pellentesque fringilla molestie + nisi et auctor. +

+

H2 {margin-break: keep}

+

+ Vivamus facilisis tempus ullamcorper. Orci varius natoque penatibus et + magnis dis parturient montes, nascetur ridiculus mus. Cras scelerisque + consectetur arcu, a laoreet elit consequat ut. +

+

H3 {margin-break: auto}

+

+ Aenean congue consectetur ligula, eget pulvinar sem ultrices eget. Etiam ut + imperdiet turpis. Nulla facilisi. Nam viverra risus vitae tellus maximus + volutpat. Quisque ut metus vitae augue semper convallis et id quam. +

+

+ Morbi vulputate lectus quis augue porttitor, dignissim lobortis justo + varius. Sed imperdiet laoreet dictum. Mauris blandit, odio non congue + dapibus, massa tellus convallis ligula, quis egestas felis nibh eget sem. + Pellentesque lacinia id est ut maximus. +

+

H1 {margin-break: dicard}

+

+ Ut id ex dictum sem pharetra molestie. Pellentesque a tellus arcu. Donec sed + sapien sit amet metus ornare faucibus. Phasellus aliquet interdum lorem, vel + rhoncus urna luctus at. Ut non fringilla nunc. Morbi laoreet rutrum pretium. + Donec dictum justo pharetra laoreet laoreet. Pellentesque quis felis et orci + vulputate cursus. +

+

H2 {margin-break: keep}

+

+ In ac faucibus risus. Quisque eget fringilla urna. Donec auctor placerat + sem, in pretium risus dignissim quis. Maecenas velit dolor, faucibus sit + amet purus vestibulum, tempus ullamcorper nulla. +

+

H3 {margin-break: auto}

+

+ Donec id vehicula erat. Cras sed tellus at nunc porta luctus et quis purus. + Suspendisse potenti. Nulla varius commodo urna quis venenatis. Vestibulum ut + neque id urna rutrum condimentum. +

+

H1 {margin-break: dicard}

+

+ Nam tellus tellus, finibus sit amet lectus non, facilisis luctus diam. Donec + vel tortor ante. Donec non vehicula ligula. Pellentesque fringilla molestie + nisi et auctor. +

+

H2 {margin-break: keep}

+

+ Vivamus facilisis tempus ullamcorper. Orci varius natoque penatibus et + magnis dis parturient montes, nascetur ridiculus mus. Cras scelerisque + consectetur arcu, a laoreet elit consequat ut. +

+

H3 {margin-break: auto}

+

+ Aenean congue consectetur ligula, eget pulvinar sem ultrices eget. Etiam ut + imperdiet turpis. Nulla facilisi. Nam viverra risus vitae tellus maximus + volutpat. Quisque ut metus vitae augue semper convallis et id quam. Sed + mattis magna nec dui mattis varius. +

+

+ Morbi vulputate lectus quis augue porttitor, dignissim lobortis justo + varius. Sed imperdiet laoreet dictum. Mauris blandit, odio non congue + dapibus, massa tellus convallis ligula, quis egestas felis nibh eget sem. + Pellentesque lacinia id est ut maximus. +

+

H1 {margin-break: dicard}

+

+ Ut id ex dictum sem pharetra molestie. Pellentesque a tellus arcu. Donec sed + sapien sit amet metus ornare faucibus. +

+

H2 {margin-break: keep}

+

+ In ac faucibus risus. Quisque eget fringilla urna. Donec auctor placerat + sem, in pretium risus dignissim quis. Maecenas velit dolor, faucibus sit + amet purus vestibulum, tempus ullamcorper nulla. +

+

H3 {margin-break: auto}

+

+ Donec id vehicula erat. Cras sed tellus at nunc porta luctus et quis purus. + Suspendisse potenti. Nulla varius commodo urna quis venenatis. +

+

H1 {margin-break: dicard}

+

+ Nam tellus tellus, finibus sit amet lectus non, facilisis luctus diam. Donec + vel tortor ante. Donec non vehicula ligula. Pellentesque fringilla molestie + nisi et auctor. Suspendisse sollicitudin erat ut porta mattis. +

+

H2 {margin-break: keep}

+

+ Vivamus facilisis tempus ullamcorper. Orci varius natoque penatibus et + magnis dis parturient montes, nascetur ridiculus mus. +

+

H3 {margin-break: auto}

+

+ Aenean congue consectetur ligula, eget pulvinar sem ultrices eget. Etiam ut + imperdiet turpis. Nulla facilisi. Nam viverra risus vitae tellus maximus + volutpat. +

+

+ Morbi vulputate lectus quis augue porttitor, dignissim lobortis justo + varius. Sed imperdiet laoreet dictum. Mauris blandit, odio non congue + dapibus, massa tellus convallis ligula, quis egestas felis nibh eget sem. +

+

H1 {margin-break: dicard}

+

+ Ut id ex dictum sem pharetra molestie. Pellentesque a tellus arcu. Donec sed + sapien sit amet metus ornare faucibus. +

+

H2 {margin-break: keep}

+

+ In ac faucibus risus. Quisque eget fringilla urna. Donec auctor placerat + sem, in pretium risus dignissim quis. Maecenas velit dolor, faucibus sit + amet purus vestibulum, tempus ullamcorper nulla. +

+

H3 {margin-break: auto}

+

+ Donec id vehicula erat. Cras sed tellus at nunc porta luctus et quis purus. + Suspendisse potenti. Nulla varius commodo urna quis venenatis. Vestibulum ut + neque id urna rutrum condimentum. Aliquam erat volutpat. +

+ + +