Skip to content

Commit 2e6f797

Browse files
thecrypticacethecrypticace
committed
WIP
1 parent 9dd1e01 commit 2e6f797

File tree

1 file changed

+240
-0
lines changed

1 file changed

+240
-0
lines changed

‎tests/customConfig.test.js

Lines changed: 240 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -70,6 +70,54 @@ test('custom config can be passed under the `config` property', () => {
7070

7171
return run('@tailwind utilities', config).then((result) => {
7272
expect(result.css).toMatchFormattedCss(css`
73+
*,
74+
::before,
75+
::after {
76+
--tw-translate-x: 0;
77+
--tw-translate-y: 0;
78+
--tw-rotate: 0;
79+
--tw-skew-x: 0;
80+
--tw-skew-y: 0;
81+
--tw-scale-x: 1;
82+
--tw-scale-y: 1;
83+
--tw-pan-x: ;
84+
--tw-pan-y: ;
85+
--tw-pinch-zoom: ;
86+
--tw-scroll-snap-strictness: proximity;
87+
border-color: #e5e7eb;
88+
--tw-ordinal: ;
89+
--tw-slashed-zero: ;
90+
--tw-numeric-figure: ;
91+
--tw-numeric-spacing: ;
92+
--tw-numeric-fraction: ;
93+
--tw-ring-inset: ;
94+
--tw-ring-offset-width: 0px;
95+
--tw-ring-offset-color: #fff;
96+
--tw-ring-color: rgb(59 130 246 / 0.5);
97+
--tw-ring-offset-shadow: 0 0 #0000;
98+
--tw-ring-shadow: 0 0 #0000;
99+
--tw-shadow: 0 0 #0000;
100+
--tw-shadow-colored: 0 0 #0000;
101+
--tw-blur: ;
102+
--tw-brightness: ;
103+
--tw-contrast: ;
104+
--tw-grayscale: ;
105+
--tw-hue-rotate: ;
106+
--tw-invert: ;
107+
--tw-saturate: ;
108+
--tw-sepia: ;
109+
--tw-drop-shadow: ;
110+
--tw-backdrop-blur: ;
111+
--tw-backdrop-brightness: ;
112+
--tw-backdrop-contrast: ;
113+
--tw-backdrop-grayscale: ;
114+
--tw-backdrop-hue-rotate: ;
115+
--tw-backdrop-invert: ;
116+
--tw-backdrop-opacity: ;
117+
--tw-backdrop-saturate: ;
118+
--tw-backdrop-sepia: ;
119+
}
120+
73121
@media (min-width: 400px) {
74122
.mobile\:font-bold {
75123
font-weight: 700;
@@ -95,6 +143,54 @@ test('tailwind.config.cjs is picked up by default', () => {
95143

96144
return run('@tailwind utilities').then((result) => {
97145
expect(result.css).toMatchFormattedCss(css`
146+
*,
147+
::before,
148+
::after {
149+
--tw-translate-x: 0;
150+
--tw-translate-y: 0;
151+
--tw-rotate: 0;
152+
--tw-skew-x: 0;
153+
--tw-skew-y: 0;
154+
--tw-scale-x: 1;
155+
--tw-scale-y: 1;
156+
--tw-pan-x: ;
157+
--tw-pan-y: ;
158+
--tw-pinch-zoom: ;
159+
--tw-scroll-snap-strictness: proximity;
160+
border-color: #e5e7eb;
161+
--tw-ordinal: ;
162+
--tw-slashed-zero: ;
163+
--tw-numeric-figure: ;
164+
--tw-numeric-spacing: ;
165+
--tw-numeric-fraction: ;
166+
--tw-ring-inset: ;
167+
--tw-ring-offset-width: 0px;
168+
--tw-ring-offset-color: #fff;
169+
--tw-ring-color: rgb(59 130 246 / 0.5);
170+
--tw-ring-offset-shadow: 0 0 #0000;
171+
--tw-ring-shadow: 0 0 #0000;
172+
--tw-shadow: 0 0 #0000;
173+
--tw-shadow-colored: 0 0 #0000;
174+
--tw-blur: ;
175+
--tw-brightness: ;
176+
--tw-contrast: ;
177+
--tw-grayscale: ;
178+
--tw-hue-rotate: ;
179+
--tw-invert: ;
180+
--tw-saturate: ;
181+
--tw-sepia: ;
182+
--tw-drop-shadow: ;
183+
--tw-backdrop-blur: ;
184+
--tw-backdrop-brightness: ;
185+
--tw-backdrop-contrast: ;
186+
--tw-backdrop-grayscale: ;
187+
--tw-backdrop-hue-rotate: ;
188+
--tw-backdrop-invert: ;
189+
--tw-backdrop-opacity: ;
190+
--tw-backdrop-saturate: ;
191+
--tw-backdrop-sepia: ;
192+
}
193+
98194
@media (min-width: 400px) {
99195
.mobile\:font-bold {
100196
font-weight: 700;
@@ -121,6 +217,54 @@ test('tailwind.config.js is picked up by default', () => {
121217

122218
return run('@tailwind utilities').then((result) => {
123219
expect(result.css).toMatchFormattedCss(css`
220+
*,
221+
::before,
222+
::after {
223+
--tw-translate-x: 0;
224+
--tw-translate-y: 0;
225+
--tw-rotate: 0;
226+
--tw-skew-x: 0;
227+
--tw-skew-y: 0;
228+
--tw-scale-x: 1;
229+
--tw-scale-y: 1;
230+
--tw-pan-x: ;
231+
--tw-pan-y: ;
232+
--tw-pinch-zoom: ;
233+
--tw-scroll-snap-strictness: proximity;
234+
border-color: #e5e7eb;
235+
--tw-ordinal: ;
236+
--tw-slashed-zero: ;
237+
--tw-numeric-figure: ;
238+
--tw-numeric-spacing: ;
239+
--tw-numeric-fraction: ;
240+
--tw-ring-inset: ;
241+
--tw-ring-offset-width: 0px;
242+
--tw-ring-offset-color: #fff;
243+
--tw-ring-color: rgb(59 130 246 / 0.5);
244+
--tw-ring-offset-shadow: 0 0 #0000;
245+
--tw-ring-shadow: 0 0 #0000;
246+
--tw-shadow: 0 0 #0000;
247+
--tw-shadow-colored: 0 0 #0000;
248+
--tw-blur: ;
249+
--tw-brightness: ;
250+
--tw-contrast: ;
251+
--tw-grayscale: ;
252+
--tw-hue-rotate: ;
253+
--tw-invert: ;
254+
--tw-saturate: ;
255+
--tw-sepia: ;
256+
--tw-drop-shadow: ;
257+
--tw-backdrop-blur: ;
258+
--tw-backdrop-brightness: ;
259+
--tw-backdrop-contrast: ;
260+
--tw-backdrop-grayscale: ;
261+
--tw-backdrop-hue-rotate: ;
262+
--tw-backdrop-invert: ;
263+
--tw-backdrop-opacity: ;
264+
--tw-backdrop-saturate: ;
265+
--tw-backdrop-sepia: ;
266+
}
267+
124268
@media (min-width: 400px) {
125269
.mobile\:font-bold {
126270
font-weight: 700;
@@ -147,6 +291,54 @@ test('tailwind.config.cjs is picked up by default when passing an empty object',
147291

148292
return run('@tailwind utilities', {}).then((result) => {
149293
expect(result.css).toMatchFormattedCss(css`
294+
*,
295+
::before,
296+
::after {
297+
--tw-translate-x: 0;
298+
--tw-translate-y: 0;
299+
--tw-rotate: 0;
300+
--tw-skew-x: 0;
301+
--tw-skew-y: 0;
302+
--tw-scale-x: 1;
303+
--tw-scale-y: 1;
304+
--tw-pan-x: ;
305+
--tw-pan-y: ;
306+
--tw-pinch-zoom: ;
307+
--tw-scroll-snap-strictness: proximity;
308+
border-color: #e5e7eb;
309+
--tw-ordinal: ;
310+
--tw-slashed-zero: ;
311+
--tw-numeric-figure: ;
312+
--tw-numeric-spacing: ;
313+
--tw-numeric-fraction: ;
314+
--tw-ring-inset: ;
315+
--tw-ring-offset-width: 0px;
316+
--tw-ring-offset-color: #fff;
317+
--tw-ring-color: rgb(59 130 246 / 0.5);
318+
--tw-ring-offset-shadow: 0 0 #0000;
319+
--tw-ring-shadow: 0 0 #0000;
320+
--tw-shadow: 0 0 #0000;
321+
--tw-shadow-colored: 0 0 #0000;
322+
--tw-blur: ;
323+
--tw-brightness: ;
324+
--tw-contrast: ;
325+
--tw-grayscale: ;
326+
--tw-hue-rotate: ;
327+
--tw-invert: ;
328+
--tw-saturate: ;
329+
--tw-sepia: ;
330+
--tw-drop-shadow: ;
331+
--tw-backdrop-blur: ;
332+
--tw-backdrop-brightness: ;
333+
--tw-backdrop-contrast: ;
334+
--tw-backdrop-grayscale: ;
335+
--tw-backdrop-hue-rotate: ;
336+
--tw-backdrop-invert: ;
337+
--tw-backdrop-opacity: ;
338+
--tw-backdrop-saturate: ;
339+
--tw-backdrop-sepia: ;
340+
}
341+
150342
@media (min-width: 400px) {
151343
.mobile\:font-bold {
152344
font-weight: 700;
@@ -173,6 +365,54 @@ test('tailwind.config.js is picked up by default when passing an empty object',
173365

174366
return run('@tailwind utilities', {}).then((result) => {
175367
expect(result.css).toMatchFormattedCss(css`
368+
*,
369+
::before,
370+
::after {
371+
--tw-translate-x: 0;
372+
--tw-translate-y: 0;
373+
--tw-rotate: 0;
374+
--tw-skew-x: 0;
375+
--tw-skew-y: 0;
376+
--tw-scale-x: 1;
377+
--tw-scale-y: 1;
378+
--tw-pan-x: ;
379+
--tw-pan-y: ;
380+
--tw-pinch-zoom: ;
381+
--tw-scroll-snap-strictness: proximity;
382+
border-color: #e5e7eb;
383+
--tw-ordinal: ;
384+
--tw-slashed-zero: ;
385+
--tw-numeric-figure: ;
386+
--tw-numeric-spacing: ;
387+
--tw-numeric-fraction: ;
388+
--tw-ring-inset: ;
389+
--tw-ring-offset-width: 0px;
390+
--tw-ring-offset-color: #fff;
391+
--tw-ring-color: rgb(59 130 246 / 0.5);
392+
--tw-ring-offset-shadow: 0 0 #0000;
393+
--tw-ring-shadow: 0 0 #0000;
394+
--tw-shadow: 0 0 #0000;
395+
--tw-shadow-colored: 0 0 #0000;
396+
--tw-blur: ;
397+
--tw-brightness: ;
398+
--tw-contrast: ;
399+
--tw-grayscale: ;
400+
--tw-hue-rotate: ;
401+
--tw-invert: ;
402+
--tw-saturate: ;
403+
--tw-sepia: ;
404+
--tw-drop-shadow: ;
405+
--tw-backdrop-blur: ;
406+
--tw-backdrop-brightness: ;
407+
--tw-backdrop-contrast: ;
408+
--tw-backdrop-grayscale: ;
409+
--tw-backdrop-hue-rotate: ;
410+
--tw-backdrop-invert: ;
411+
--tw-backdrop-opacity: ;
412+
--tw-backdrop-saturate: ;
413+
--tw-backdrop-sepia: ;
414+
}
415+
176416
@media (min-width: 400px) {
177417
.mobile\:font-bold {
178418
font-weight: 700;

0 commit comments

Comments
 (0)