@@ -14,165 +14,165 @@ import PointFreeHTMLTestSupport
1414import Testing
1515
1616@Suite (
17- " AccentColor Tests " ,
18- . snapshots( record: nil )
17+ " AccentColor Tests " ,
18+ . snapshots( record: nil )
1919)
2020struct AccentColorTests {
21- @Test ( " HTML element renders with accent-color properly " )
22- func htmlElementWithAccentColorRendersCorrectly( ) {
23- assertInlineSnapshot (
24- of: HTMLDocument {
25- div. accentColor ( . red)
26- } ,
27- as: . html
28- ) {
29- """
30- <!doctype html>
31- <html>
32- <head>
33- <style>
34- .accent-color-dMYaj4{accent-color:red}
21+ @Test ( " HTML element renders with accent-color properly " )
22+ func htmlElementWithAccentColorRendersCorrectly( ) {
23+ assertInlineSnapshot (
24+ of: HTMLDocument {
25+ div. accentColor ( . red)
26+ } ,
27+ as: . html
28+ ) {
29+ """
30+ <!doctype html>
31+ <html>
32+ <head>
33+ <style>
34+ .accent-color-dMYaj4{accent-color:red}
3535
36- </style>
37- </head>
38- <body>
39- <div class= " accent-color-dMYaj4 " >
40- </div>
41- </body>
42- </html>
43- """
44- }
36+ </style>
37+ </head>
38+ <body>
39+ <div class= " accent-color-dMYaj4 " >
40+ </div>
41+ </body>
42+ </html>
43+ """
4544 }
45+ }
4646
47- @Test ( " HTML element renders with accent-color using hex color properly " )
48- func htmlElementWithAccentColorHexRendersCorrectly( ) {
49- assertInlineSnapshot (
50- of: HTMLDocument {
51- div. accentColor ( . color( . hex( " FF0000 " ) ) )
52- } ,
53- as: . html
54- ) {
55- """
56- <!doctype html>
57- <html>
58- <head>
59- <style>
60- .accent-color-bQ3ZC1{accent-color:#FF0000}
47+ @Test ( " HTML element renders with accent-color using hex color properly " )
48+ func htmlElementWithAccentColorHexRendersCorrectly( ) {
49+ assertInlineSnapshot (
50+ of: HTMLDocument {
51+ div. accentColor ( . color( . hex( " FF0000 " ) ) )
52+ } ,
53+ as: . html
54+ ) {
55+ """
56+ <!doctype html>
57+ <html>
58+ <head>
59+ <style>
60+ .accent-color-bQ3ZC1{accent-color:#FF0000}
6161
62- </style>
63- </head>
64- <body>
65- <div class= " accent-color-bQ3ZC1 " >
66- </div>
67- </body>
68- </html>
69- """
70- }
62+ </style>
63+ </head>
64+ <body>
65+ <div class= " accent-color-bQ3ZC1 " >
66+ </div>
67+ </body>
68+ </html>
69+ """
7170 }
71+ }
7272
73- @Test ( " HTML accent-color with global value renders properly " )
74- func htmlAccentColorWithGlobalValueRendersCorrectly( ) {
75- assertInlineSnapshot (
76- of: HTMLDocument {
77- div. accentColor ( . inherit)
78- } ,
79- as: . html
80- ) {
81- """
82- <!doctype html>
83- <html>
84- <head>
85- <style>
86- .accent-color-trEDH1{accent-color:inherit}
73+ @Test ( " HTML accent-color with global value renders properly " )
74+ func htmlAccentColorWithGlobalValueRendersCorrectly( ) {
75+ assertInlineSnapshot (
76+ of: HTMLDocument {
77+ div. accentColor ( . inherit)
78+ } ,
79+ as: . html
80+ ) {
81+ """
82+ <!doctype html>
83+ <html>
84+ <head>
85+ <style>
86+ .accent-color-trEDH1{accent-color:inherit}
8787
88- </style>
89- </head>
90- <body>
91- <div class= " accent-color-trEDH1 " >
92- </div>
93- </body>
94- </html>
95- """
96- }
88+ </style>
89+ </head>
90+ <body>
91+ <div class= " accent-color-trEDH1 " >
92+ </div>
93+ </body>
94+ </html>
95+ """
9796 }
97+ }
9898
99- @Test ( " HTML accent-color with media query renders properly " )
100- func htmlAccentColorWithMediaQueryRendersCorrectly( ) {
101- assertInlineSnapshot (
102- of: HTMLDocument {
103- div. accentColor ( . color( . hex( " FF0000 " ) ) , media: . print)
104- } ,
105- as: . html
106- ) {
107- """
108- <!doctype html>
109- <html>
110- <head>
111- <style>
112- @media print{
113- .accent-color-SXYRf2{accent-color:#FF0000}
114- }
99+ @Test ( " HTML accent-color with media query renders properly " )
100+ func htmlAccentColorWithMediaQueryRendersCorrectly( ) {
101+ assertInlineSnapshot (
102+ of: HTMLDocument {
103+ div. accentColor ( . color( . hex( " FF0000 " ) ) , media: . print)
104+ } ,
105+ as: . html
106+ ) {
107+ """
108+ <!doctype html>
109+ <html>
110+ <head>
111+ <style>
112+ @media print{
113+ .accent-color-SXYRf2{accent-color:#FF0000}
114+ }
115115
116- </style>
117- </head>
118- <body>
119- <div class= " accent-color-SXYRf2 " >
120- </div>
121- </body>
122- </html>
123- """
124- }
116+ </style>
117+ </head>
118+ <body>
119+ <div class= " accent-color-SXYRf2 " >
120+ </div>
121+ </body>
122+ </html>
123+ """
125124 }
125+ }
126126
127- @Test ( " HTML accent-color with pseudo-class renders properly " )
128- func htmlAccentColorWithPseudoClassRendersCorrectly( ) {
129- assertInlineSnapshot (
130- of: HTMLDocument {
131- div. accentColor ( . color( . hex( " FF0000 " ) ) , pseudo: . hover)
132- } ,
133- as: . html
134- ) {
135- """
136- <!doctype html>
137- <html>
138- <head>
139- <style>
140- .accent-color-egMjx3:hover{accent-color:#FF0000}
127+ @Test ( " HTML accent-color with pseudo-class renders properly " )
128+ func htmlAccentColorWithPseudoClassRendersCorrectly( ) {
129+ assertInlineSnapshot (
130+ of: HTMLDocument {
131+ div. accentColor ( . color( . hex( " FF0000 " ) ) , pseudo: . hover)
132+ } ,
133+ as: . html
134+ ) {
135+ """
136+ <!doctype html>
137+ <html>
138+ <head>
139+ <style>
140+ .accent-color-egMjx3:hover{accent-color:#FF0000}
141141
142- </style>
143- </head>
144- <body>
145- <div class= " accent-color-egMjx3 " >
146- </div>
147- </body>
148- </html>
149- """
150- }
142+ </style>
143+ </head>
144+ <body>
145+ <div class= " accent-color-egMjx3 " >
146+ </div>
147+ </body>
148+ </html>
149+ """
151150 }
151+ }
152152
153- @Test ( " HTML accent-color with prefix renders properly " )
154- func htmlAccentColorWithPrefixRendersCorrectly( ) {
155- assertInlineSnapshot (
156- of: HTMLDocument {
157- div. accentColor ( . color( . hex( " FF0000 " ) ) , selector: " my-component " )
158- } ,
159- as: . html
160- ) {
161- """
162- <!doctype html>
163- <html>
164- <head>
165- <style>
166- my-component .accent-color-XyDYD1{accent-color:#FF0000}
153+ @Test ( " HTML accent-color with prefix renders properly " )
154+ func htmlAccentColorWithPrefixRendersCorrectly( ) {
155+ assertInlineSnapshot (
156+ of: HTMLDocument {
157+ div. accentColor ( . color( . hex( " FF0000 " ) ) , selector: " my-component " )
158+ } ,
159+ as: . html
160+ ) {
161+ """
162+ <!doctype html>
163+ <html>
164+ <head>
165+ <style>
166+ my-component .accent-color-XyDYD1{accent-color:#FF0000}
167167
168- </style>
169- </head>
170- <body>
171- <div class= " accent-color-XyDYD1 " >
172- </div>
173- </body>
174- </html>
175- """
176- }
168+ </style>
169+ </head>
170+ <body>
171+ <div class= " accent-color-XyDYD1 " >
172+ </div>
173+ </body>
174+ </html>
175+ """
177176 }
177+ }
178178}
0 commit comments