Skip to content

Commit 69abeb5

Browse files
mertasanmertasan
authored
fix tests
Fix tests that are incompatible with Tailwind CSS v3.2.7
2 parents efb7b4a + 6370822 commit 69abeb5

File tree

8 files changed

+85
-85
lines changed

8 files changed

+85
-85
lines changed

‎__tests__/color-variable-helper.test.js

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -88,13 +88,12 @@ test('colorVariable helper', async () => {
8888
+ --sizes-medium: 2rem;
8989
+ --sizes-large: 100%
9090
+ }
91-
+ .bg-secondary {
92-
+ --tw-bg-opacity: 1;
93-
+ background-color: rgba(var(--colors-secondary-rgb), var(--tw-bg-opacity))
94-
+ }
9591
+ .bg-gray {
9692
+ background-color: var(--colors-gray)
9793
+ }
94+
+ .bg-green {
95+
+ background-color: var(--colors-green)
96+
+ }
9897
+ .bg-red-400 {
9998
+ --tw-bg-opacity: 1;
10099
+ background-color: rgba(var(--colors-red-400-rgb), var(--tw-bg-opacity))
@@ -106,8 +105,9 @@ test('colorVariable helper', async () => {
106105
+ .bg-red-600 {
107106
+ background-color: var(--colors-red-500)
108107
+ }
109-
+ .bg-green {
110-
+ background-color: var(--colors-green)
108+
+ .bg-secondary {
109+
+ --tw-bg-opacity: 1;
110+
+ background-color: rgba(var(--colors-secondary-rgb), var(--tw-bg-opacity))
111111
+ }
112112
+ .bg-white {
113113
+ --tw-bg-opacity: 1;
@@ -120,14 +120,14 @@ test('colorVariable helper', async () => {
120120
+ .bg-opacity-50 {
121121
+ --tw-bg-opacity: 0.5
122122
+ }
123-
+ .text-primary {
124-
+ --tw-text-opacity: 1;
125-
+ color: rgba(var(--colors-primary-rgb), var(--tw-text-opacity))
126-
+ }
127123
+ .text-blue {
128124
+ --tw-text-opacity: 1;
129125
+ color: rgba(var(--colors-blue-rgb), var(--tw-text-opacity))
130126
+ }
127+
+ .text-primary {
128+
+ --tw-text-opacity: 1;
129+
+ color: rgba(var(--colors-primary-rgb), var(--tw-text-opacity))
130+
+ }
131131
+ .text-opacity-50 {
132132
+ --tw-text-opacity: 0.5
133133
+ }

‎__tests__/extend-colors.test.js

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -70,6 +70,10 @@ test('extendColors', async () => {
7070
+ --colors-white-rgb: 255,255,255;
7171
+ --sizes-small: 1rem
7272
+ }
73+
+ .bg-black {
74+
+ --tw-bg-opacity: 1;
75+
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
76+
+ }
7377
+ .bg-red {
7478
+ --tw-bg-opacity: 1;
7579
+ background-color: rgba(var(--colors-red-rgb), var(--tw-bg-opacity))
@@ -92,13 +96,13 @@ test('extendColors', async () => {
9296
+ --tw-bg-opacity: 1;
9397
+ background-color: rgba(var(--colors-white-rgb), var(--tw-bg-opacity))
9498
+ }
95-
+ .bg-black {
96-
+ --tw-bg-opacity: 1;
97-
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
98-
+ }
9999
+ .bg-opacity-50 {
100100
+ --tw-bg-opacity: 0.5
101101
+ }
102+
+ .text-black {
103+
+ --tw-text-opacity: 1;
104+
+ color: rgb(0 0 0 / var(--tw-text-opacity))
105+
+ }
102106
+ .text-red {
103107
+ --tw-text-opacity: 1;
104108
+ color: rgba(var(--colors-red-rgb), var(--tw-text-opacity))
@@ -121,10 +125,6 @@ test('extendColors', async () => {
121125
+ --tw-text-opacity: 1;
122126
+ color: rgba(var(--colors-white-rgb), var(--tw-text-opacity))
123127
+ }
124-
+ .text-black {
125-
+ --tw-text-opacity: 1;
126-
+ color: rgb(0 0 0 / var(--tw-text-opacity))
127-
+ }
128128
+ .text-opacity-50 {
129129
+ --tw-text-opacity: 0.5
130130
+ }
@@ -198,6 +198,10 @@ test('extendColors with forceRGB', async () => {
198198
+ --colors-red: 254,0,0;
199199
+ --sizes-small: 1rem
200200
+ }
201+
+ .bg-black {
202+
+ --tw-bg-opacity: 1;
203+
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
204+
+ }
201205
+ .bg-red {
202206
+ --tw-bg-opacity: 1;
203207
+ background-color: rgba(var(--colors-red), var(--tw-bg-opacity))
@@ -220,13 +224,13 @@ test('extendColors with forceRGB', async () => {
220224
+ --tw-bg-opacity: 1;
221225
+ background-color: rgba(var(--colors-white), var(--tw-bg-opacity))
222226
+ }
223-
+ .bg-black {
224-
+ --tw-bg-opacity: 1;
225-
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
226-
+ }
227227
+ .bg-opacity-50 {
228228
+ --tw-bg-opacity: 0.5
229229
+ }
230+
+ .text-black {
231+
+ --tw-text-opacity: 1;
232+
+ color: rgb(0 0 0 / var(--tw-text-opacity))
233+
+ }
230234
+ .text-red {
231235
+ --tw-text-opacity: 1;
232236
+ color: rgba(var(--colors-red), var(--tw-text-opacity))
@@ -249,10 +253,6 @@ test('extendColors with forceRGB', async () => {
249253
+ --tw-text-opacity: 1;
250254
+ color: rgba(var(--colors-white), var(--tw-text-opacity))
251255
+ }
252-
+ .text-black {
253-
+ --tw-text-opacity: 1;
254-
+ color: rgb(0 0 0 / var(--tw-text-opacity))
255-
+ }
256256
+ .text-opacity-50 {
257257
+ --tw-text-opacity: 0.5
258258
+ }
@@ -307,13 +307,13 @@ test('extendColors (readme)', async () => {
307307
+ --colors-red-rgb: 255,0,0;
308308
+ --colors-green-rgb: 17,255,0
309309
+ }
310-
+ .bg-green {
311-
+ background-color: var(--colors-green)
312-
+ }
313310
+ .bg-blue {
314311
+ --tw-bg-opacity: 1;
315312
+ background-color: rgba(var(--colors-blue-rgb), var(--tw-bg-opacity))
316313
+ }
314+
+ .bg-green {
315+
+ background-color: var(--colors-green)
316+
+ }
317317
+ .bg-red {
318318
+ --tw-bg-opacity: 1;
319319
+ background-color: rgba(var(--colors-red-rgb), var(--tw-bg-opacity))
@@ -325,13 +325,13 @@ test('extendColors (readme)', async () => {
325325
+ .bg-opacity-50 {
326326
+ --tw-bg-opacity: 0.5
327327
+ }
328-
+ .text-green {
329-
+ color: var(--colors-green)
330-
+ }
331328
+ .text-blue {
332329
+ --tw-text-opacity: 1;
333330
+ color: rgba(var(--colors-blue-rgb), var(--tw-text-opacity))
334331
+ }
332+
+ .text-green {
333+
+ color: var(--colors-green)
334+
+ }
335335
+ .text-red {
336336
+ --tw-text-opacity: 1;
337337
+ color: rgba(var(--colors-red-rgb), var(--tw-text-opacity))
@@ -392,13 +392,13 @@ test('extendColors with forceRGB (readme)', async () => {
392392
+ --colors-red: 255,0,0;
393393
+ --colors-green: 17,255,0
394394
+ }
395-
+ .bg-green {
396-
+ background-color: var(--colors-green)
397-
+ }
398395
+ .bg-blue {
399396
+ --tw-bg-opacity: 1;
400397
+ background-color: rgba(var(--colors-blue), var(--tw-bg-opacity))
401398
+ }
399+
+ .bg-green {
400+
+ background-color: var(--colors-green)
401+
+ }
402402
+ .bg-red {
403403
+ --tw-bg-opacity: 1;
404404
+ background-color: rgba(var(--colors-red), var(--tw-bg-opacity))
@@ -410,13 +410,13 @@ test('extendColors with forceRGB (readme)', async () => {
410410
+ .bg-opacity-50 {
411411
+ --tw-bg-opacity: 0.5
412412
+ }
413-
+ .text-green {
414-
+ color: var(--colors-green)
415-
+ }
416413
+ .text-blue {
417414
+ --tw-text-opacity: 1;
418415
+ color: rgba(var(--colors-blue), var(--tw-text-opacity))
419416
+ }
417+
+ .text-green {
418+
+ color: var(--colors-green)
419+
+ }
420420
+ .text-red {
421421
+ --tw-text-opacity: 1;
422422
+ color: rgba(var(--colors-red), var(--tw-text-opacity))

‎__tests__/fallback.test.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,9 @@ test('fallback', async () => {
5959
+ .component .header {
6060
+ color: var(--colors-red-400 red)
6161
+ }
62+
+ .bg-gray {
63+
+ background-color: var(--header-color, blue)
64+
+ }
6265
+ .bg-red-400 {
6366
+ background-color: var(--colors-red-400 red)
6467
+ }
@@ -73,9 +76,6 @@ test('fallback', async () => {
7376
+ --tw-bg-opacity: 1;
7477
+ background-color: rgba(var(--header-color, black), var(--tw-bg-opacity))
7578
+ }
76-
+ .bg-gray {
77-
+ background-color: var(--header-color, blue)
78-
+ }
7979
+ .bg-opacity-50 {
8080
+ --tw-bg-opacity: 0.5
8181
+ }

‎__tests__/force-rgb.test.js

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,10 @@ test('forceRGB option (enabled)', async () => {
5858
+ --colors-red: 254,0,0;
5959
+ --sizes-small: 1rem
6060
+ }
61+
+ .bg-black {
62+
+ --tw-bg-opacity: 1;
63+
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
64+
+ }
6165
+ .bg-red {
6266
+ --tw-bg-opacity: 1;
6367
+ background-color: rgba(var(--colors-red), var(--tw-bg-opacity))
@@ -73,13 +77,13 @@ test('forceRGB option (enabled)', async () => {
7377
+ .bg-white {
7478
+ background-color: var(--colors-white)
7579
+ }
76-
+ .bg-black {
77-
+ --tw-bg-opacity: 1;
78-
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
79-
+ }
8080
+ .bg-opacity-50 {
8181
+ --tw-bg-opacity: 0.5
8282
+ }
83+
+ .text-black {
84+
+ --tw-text-opacity: 1;
85+
+ color: rgb(0 0 0 / var(--tw-text-opacity))
86+
+ }
8387
+ .text-red {
8488
+ --tw-text-opacity: 1;
8589
+ color: rgba(var(--colors-red), var(--tw-text-opacity))
@@ -95,10 +99,6 @@ test('forceRGB option (enabled)', async () => {
9599
+ .text-white {
96100
+ color: var(--colors-white)
97101
+ }
98-
+ .text-black {
99-
+ --tw-text-opacity: 1;
100-
+ color: rgb(0 0 0 / var(--tw-text-opacity))
101-
+ }
102102
+ .text-opacity-50 {
103103
+ --tw-text-opacity: 0.5
104104
+ }
@@ -162,6 +162,10 @@ test('forceRGB option (disabled)', async () => {
162162
+ --colors-white-rgb: 255,255,255;
163163
+ --sizes-small: 1rem
164164
+ }
165+
+ .bg-black {
166+
+ --tw-bg-opacity: 1;
167+
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
168+
+ }
165169
+ .bg-red-400 {
166170
+ --tw-bg-opacity: 1;
167171
+ background-color: rgba(var(--colors-red-400-rgb), var(--tw-bg-opacity))
@@ -173,13 +177,13 @@ test('forceRGB option (disabled)', async () => {
173177
+ .bg-white {
174178
+ background-color: var(--colors-white)
175179
+ }
176-
+ .bg-black {
177-
+ --tw-bg-opacity: 1;
178-
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
179-
+ }
180180
+ .bg-opacity-50 {
181181
+ --tw-bg-opacity: 0.5
182182
+ }
183+
+ .text-black {
184+
+ --tw-text-opacity: 1;
185+
+ color: rgb(0 0 0 / var(--tw-text-opacity))
186+
+ }
183187
+ .text-red-400 {
184188
+ --tw-text-opacity: 1;
185189
+ color: rgba(var(--colors-red-400-rgb), var(--tw-text-opacity))
@@ -191,10 +195,6 @@ test('forceRGB option (disabled)', async () => {
191195
+ .text-white {
192196
+ color: var(--colors-white)
193197
+ }
194-
+ .text-black {
195-
+ --tw-text-opacity: 1;
196-
+ color: rgb(0 0 0 / var(--tw-text-opacity))
197-
+ }
198198
+ .text-opacity-50 {
199199
+ --tw-text-opacity: 0.5
200200
+ }
@@ -266,6 +266,14 @@ test('forceRGB option with extendColors', async () => {
266266
+ --colors-red: 254,0,0;
267267
+ --sizes-small: 1rem
268268
+ }
269+
+ .bg-black {
270+
+ --tw-bg-opacity: 1;
271+
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
272+
+ }
273+
+ .bg-indigo {
274+
+ --tw-bg-opacity: 1;
275+
+ background-color: rgb(236 72 153 / var(--tw-bg-opacity))
276+
+ }
269277
+ .bg-red {
270278
+ --tw-bg-opacity: 1;
271279
+ background-color: rgba(var(--colors-red), var(--tw-bg-opacity))
@@ -282,17 +290,17 @@ test('forceRGB option with extendColors', async () => {
282290
+ --tw-bg-opacity: 1;
283291
+ background-color: rgba(var(--colors-white), var(--tw-bg-opacity))
284292
+ }
285-
+ .bg-black {
286-
+ --tw-bg-opacity: 1;
287-
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
288-
+ }
289-
+ .bg-indigo {
290-
+ --tw-bg-opacity: 1;
291-
+ background-color: rgb(236 72 153 / var(--tw-bg-opacity))
292-
+ }
293293
+ .bg-opacity-50 {
294294
+ --tw-bg-opacity: 0.5
295295
+ }
296+
+ .text-black {
297+
+ --tw-text-opacity: 1;
298+
+ color: rgb(0 0 0 / var(--tw-text-opacity))
299+
+ }
300+
+ .text-indigo {
301+
+ --tw-text-opacity: 1;
302+
+ color: rgb(236 72 153 / var(--tw-text-opacity))
303+
+ }
296304
+ .text-red {
297305
+ --tw-text-opacity: 1;
298306
+ color: rgba(var(--colors-red), var(--tw-text-opacity))
@@ -309,14 +317,6 @@ test('forceRGB option with extendColors', async () => {
309317
+ --tw-text-opacity: 1;
310318
+ color: rgba(var(--colors-white), var(--tw-text-opacity))
311319
+ }
312-
+ .text-black {
313-
+ --tw-text-opacity: 1;
314-
+ color: rgb(0 0 0 / var(--tw-text-opacity))
315-
+ }
316-
+ .text-indigo {
317-
+ --tw-text-opacity: 1;
318-
+ color: rgb(236 72 153 / var(--tw-text-opacity))
319-
+ }
320320
+ .text-opacity-50 {
321321
+ --tw-text-opacity: 0.5
322322
+ }

‎__tests__/format-variables.test.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -45,13 +45,13 @@ test('format variables [special characters must be removed from variable names]'
4545
4646
4747
+ :root {
48-
+ --colors-hello\\\\.-WORLD: 100%;
48+
+ --colors-hello\\.-WORLD: 100%;
4949
+ --colors-underscore-to-dash: 100%;
5050
+ --colors-underscore-to-dash-with-dash: 100%;
5151
+ --colors-auto-dash: 100%;
52-
+ --sizes-1\\\\.5: 1rem;
53-
+ --sizes-foo2\\\\.0bar3\\\\.0: 2rem;
54-
+ --sizes-baz-foo3\\\\.0bar4\\\\.0: 3rem
52+
+ --sizes-1\\.5: 1rem;
53+
+ --sizes-foo2\\.0bar3\\.0: 2rem;
54+
+ --sizes-baz-foo3\\.0bar4\\.0: 3rem
5555
+ }
5656
+ [type='button'] {
5757
+ --hello-world: 100%;

‎__tests__/issues.test.js

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -182,11 +182,11 @@ test('issue 39', async () => {
182182
183183
184184
+ :root {
185-
+ --sizes-0\\\\.5: 2px;
186-
+ --sizes-3\\\\.5: 14px;
187-
+ --sizes-6\\\\.5: 18px;
188-
+ --sizes-1\\\\.0-foo: 1rem;
189-
+ --sizes-1\\\\.0-2\\\\.4: 2rem
185+
+ --sizes-0\\.5: 2px;
186+
+ --sizes-3\\.5: 14px;
187+
+ --sizes-6\\.5: 18px;
188+
+ --sizes-1\\.0-foo: 1rem;
189+
+ --sizes-1\\.0-2\\.4: 2rem
190190
+ }
191191
192192
"

‎__tests__/readme.test.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -413,8 +413,8 @@ test('naming conventions for variable keys', async () => {
413413
+ --colors-underscore-to-dash: 100%;
414414
+ --colors-underscore-to-dash-with-dash: 100%;
415415
+ --colors-auto-dash: 100%;
416-
+ --sizes-1\\\\.5: 1rem;
417-
+ --sizes-xl-3\\\\.0: 2rem
416+
+ --sizes-1\\.5: 1rem;
417+
+ --sizes-xl-3\\.0: 2rem
418418
+ }
419419
+ [type='button'] {
420420
+ --hello-world: 100%;

0 commit comments

Comments
 (0)