@@ -41,6 +41,7 @@ describe('CSS', function () {
41
41
) ;
42
42
43
43
describe ( 'Astro Styles' , ( ) => {
44
+ // Fails
44
45
it ( 'HTML and CSS scoped correctly' , async ( ) => {
45
46
const el1 = $ ( '#dynamic-class' ) ;
46
47
const el2 = $ ( '#dynamic-vis' ) ;
@@ -88,10 +89,12 @@ describe('CSS', function () {
88
89
assert . equal ( inline . includes ( 'display:contents' ) , true ) ;
89
90
} ) ;
90
91
92
+ // Fails
91
93
it ( '<style lang="sass">' , async ( ) => {
92
94
assert . match ( bundledCSS , / h 1 \[ d a t a - a s t r o - c i d - [ ^ { ] * \{ c o l o r : # 9 0 e e 9 0 \} / ) ;
93
95
} ) ;
94
96
97
+ // Fails
95
98
it ( '<style lang="scss">' , async ( ) => {
96
99
assert . match ( bundledCSS , / h 1 \[ d a t a - a s t r o - c i d - [ ^ { ] * \{ c o l o r : # f f 6 9 b 4 \} / ) ;
97
100
} ) ;
@@ -108,20 +111,24 @@ describe('CSS', function () {
108
111
} ) ;
109
112
110
113
describe ( 'Styles in src/' , ( ) => {
114
+ // Fails
111
115
it ( '.css' , async ( ) => {
112
116
assert . match ( bundledCSS , / .l i n k e d - c s s [ ^ { ] * \{ c o l o r : g o l d / ) ;
113
117
} ) ;
114
118
119
+ // Fails
115
120
it ( '.sass' , async ( ) => {
116
121
assert . match ( bundledCSS , / .l i n k e d - s a s s [ ^ { ] * \{ c o l o r : # 7 8 9 / ) ;
117
122
} ) ;
118
123
124
+ // Fails
119
125
it ( '.scss' , async ( ) => {
120
126
assert . match ( bundledCSS , / .l i n k e d - s c s s [ ^ { ] * \{ c o l o r : # 6 b 8 e 2 3 / ) ;
121
127
} ) ;
122
128
} ) ;
123
129
124
130
describe ( 'JSX' , ( ) => {
131
+ // Fails
125
132
it ( '.css' , async ( ) => {
126
133
const el = $ ( '#react-css' ) ;
127
134
// 1. check HTML
@@ -130,6 +137,7 @@ describe('CSS', function () {
130
137
assert . equal ( bundledCSS . includes ( '.react-title' ) , true ) ;
131
138
} ) ;
132
139
140
+ // Fails
133
141
it ( '.module.css' , async ( ) => {
134
142
const el = $ ( '#react-module-css' ) ;
135
143
const classes = el . attr ( 'class' ) . split ( ' ' ) ;
@@ -142,6 +150,7 @@ describe('CSS', function () {
142
150
assert . match ( bundledCSS , new RegExp ( `.${ moduleClass } [^{]*{font-family:fantasy` ) ) ;
143
151
} ) ;
144
152
153
+ // Fails
145
154
it ( '.sass' , async ( ) => {
146
155
const el = $ ( '#react-sass' ) ;
147
156
@@ -152,6 +161,7 @@ describe('CSS', function () {
152
161
assert . match ( bundledCSS , / .r e a c t - s a s s - t i t l e [ ^ { ] * \{ f o n t - f a m i l y : f a n t a s y / ) ;
153
162
} ) ;
154
163
164
+ // Fails
155
165
it ( '.scss' , async ( ) => {
156
166
const el = $ ( '#react-scss' ) ;
157
167
@@ -162,6 +172,7 @@ describe('CSS', function () {
162
172
assert . match ( bundledCSS , / .r e a c t - s c s s - t i t l e [ ^ { ] * \{ f o n t - f a m i l y : f a n t a s y / ) ;
163
173
} ) ;
164
174
175
+ // Fails
165
176
it ( '.module.sass' , async ( ) => {
166
177
const el = $ ( '#react-module-sass' ) ;
167
178
const classes = el . attr ( 'class' ) . split ( ' ' ) ;
@@ -174,6 +185,7 @@ describe('CSS', function () {
174
185
assert . match ( bundledCSS , new RegExp ( `.${ moduleClass } [^{]*{font-family:fantasy` ) ) ;
175
186
} ) ;
176
187
188
+ // Fails
177
189
it ( '.module.scss' , async ( ) => {
178
190
const el = $ ( '#react-module-scss' ) ;
179
191
const classes = el . attr ( 'class' ) . split ( ' ' ) ;
@@ -186,6 +198,7 @@ describe('CSS', function () {
186
198
assert . match ( bundledCSS , new RegExp ( `.${ moduleClass } [^{]*{font-family:fantasy` ) ) ;
187
199
} ) ;
188
200
201
+ // Fails
189
202
it ( '.module.css ordering' , ( ) => {
190
203
const globalStyleClassIndex = bundledCSS . indexOf ( '.module-ordering' ) ;
191
204
const moduleStyleClassIndex = bundledCSS . indexOf ( '._module_ordering' ) ;
@@ -197,6 +210,7 @@ describe('CSS', function () {
197
210
} ) ;
198
211
199
212
describe ( 'Vue' , ( ) => {
213
+ // Fails
200
214
it ( '<style>' , async ( ) => {
201
215
const el = $ ( '#vue-css' ) ;
202
216
@@ -222,6 +236,7 @@ describe('CSS', function () {
222
236
assert . equal ( bundledCSS . includes ( `.vue-scoped[${ scopeId } ]` ) , true ) ;
223
237
} ) ;
224
238
239
+ // Fails
225
240
it ( '<style module>' , async ( ) => {
226
241
const el = $ ( '#vue-modules' ) ;
227
242
const classes = el . attr ( 'class' ) . split ( ' ' ) ;
@@ -234,6 +249,7 @@ describe('CSS', function () {
234
249
assert . match ( bundledCSS , new RegExp ( `.${ moduleClass } [^{]*{font-family:cursive` ) ) ;
235
250
} ) ;
236
251
252
+ // Fails
237
253
it ( '<style lang="sass">' , async ( ) => {
238
254
const el = $ ( '#vue-sass' ) ;
239
255
@@ -244,6 +260,7 @@ describe('CSS', function () {
244
260
assert . match ( bundledCSS , / .v u e - s a s s [ ^ { ] * \{ f o n t - f a m i l y : c u r s i v e / ) ;
245
261
} ) ;
246
262
263
+ // Fails
247
264
it ( '<style lang="scss">' , async ( ) => {
248
265
const el = $ ( '#vue-scss' ) ;
249
266
@@ -256,6 +273,7 @@ describe('CSS', function () {
256
273
} ) ;
257
274
258
275
describe ( 'Svelte' , ( ) => {
276
+ // Fails
259
277
it ( '<style>' , async ( ) => {
260
278
const el = $ ( '#svelte-css' ) ;
261
279
const classes = el . attr ( 'class' ) . split ( ' ' ) ;
@@ -273,6 +291,7 @@ describe('CSS', function () {
273
291
) ;
274
292
} ) ;
275
293
294
+ // Fails
276
295
it ( '<style lang="sass">' , async ( ) => {
277
296
const el = $ ( '#svelte-sass' ) ;
278
297
const classes = el . attr ( 'class' ) . split ( ' ' ) ;
@@ -290,6 +309,7 @@ describe('CSS', function () {
290
309
) ;
291
310
} ) ;
292
311
312
+ // Fails
293
313
it ( '<style lang="scss">' , async ( ) => {
294
314
const el = $ ( '#svelte-scss' ) ;
295
315
const classes = el . attr ( 'class' ) . split ( ' ' ) ;
0 commit comments