[READ-ONLY] Mirror of https://github.com/hacknug/tailwindcss-plugin-utils. A bunch of utilities to help you create and maintain plugins for Tailwind.
www.npmjs.com/package/@hacknug/tailwindcss-plugin-utils
Add tests for fraction modifiers
Nestor Vera
(Aug 6, 2019, 1:16 PM +0200)
a7346244
343016fe
+15
-6
+14
-6
src/index.test.js
+14
-6
src/index.test.js
···
76
76
})
77
77
test('from defaultConfig object using fallbacks', () => {
78
78
expect(buildConfig(tailwindConfig, coreUtils, 'gap', 'columnGap'))
79
-
.toStrictEqual({ 4: { gap: '1rem' }, 8: { gap: '2rem' } })
79
+
.toStrictEqual({ 4: { gap: '1rem' }, 8: { gap: '2rem' }, '1/2': { gap: '50%' } })
80
80
})
81
81
})
82
82
···
89
89
90
90
.col-gap-4 { column-gap: 1rem }
91
91
.col-gap-8 { column-gap: 2rem }
92
+
.col-gap-1\\/2 { column-gap: 50% }
92
93
93
94
.col-span-none { column-span: none }
94
95
.col-span-all { column-span: all }
···
105
106
106
107
.col-gap-4 { column-gap: 1rem }
107
108
.col-gap-8 { column-gap: 2rem }
109
+
.col-gap-1\\/2 { column-gap: 50% }
108
110
109
111
.col-span-none { column-span: none }
110
112
.col-span-all { column-span: all }
···
115
117
116
118
.sm\\:col-gap-4 { column-gap: 1rem }
117
119
.sm\\:col-gap-8 { column-gap: 2rem }
120
+
.sm\\:col-gap-1\\/2 { column-gap: 50% }
118
121
119
122
.sm\\:col-span-none { column-span: none }
120
123
.sm\\:col-span-all { column-span: all }
···
135
138
136
139
.col-gap-4 { column-gap: 1rem }
137
140
.col-gap-8 { column-gap: 2rem }
141
+
.col-gap-1\\/2 { column-gap: 50% }
138
142
139
143
.col-span-none { column-span: none }
140
144
.col-span-all { column-span: all }
···
145
149
146
150
.sm\\:col-gap-4 { column-gap: 1rem }
147
151
.sm\\:col-gap-8 { column-gap: 2rem }
152
+
.sm\\:col-gap-1\\/2 { column-gap: 50% }
148
153
149
154
.sm\\:col-span-none { column-span: none }
150
155
.sm\\:col-span-all { column-span: all }
···
156
161
157
162
.md\\:col-gap-4 { column-gap: 1rem }
158
163
.md\\:col-gap-8 { column-gap: 2rem }
164
+
.md\\:col-gap-1\\/2 { column-gap: 50% }
159
165
160
166
.md\\:col-span-none { column-span: none }
161
167
.md\\:col-span-all { column-span: all }
···
182
188
183
189
.col-gap-4 { column-gap: 1rem }
184
190
.col-gap-8 { column-gap: 2rem }
191
+
.col-gap-1\\/2 { column-gap: 50% }
185
192
186
193
.hover\\:col-gap-4:hover { column-gap: 1rem }
187
194
.hover\\:col-gap-8:hover { column-gap: 2rem }
195
+
.hover\\:col-gap-1\\/2:hover { column-gap: 50% }
188
196
189
197
.col-span-none { column-span: none }
190
198
.col-span-all { column-span: all }
···
202
210
203
211
// TODO: Use tailwind.config.js to hold the plugin's default values
204
212
describe('buildPlugin()', () => {
205
-
test.todo('generates default utilities and responsive variants')
206
-
test.todo('variants can be customized')
207
-
test.todo('utilities can be customized')
208
-
test.todo('modifier can contain fractions')
209
-
test.todo('uses defaultValues as fallback')
213
+
// test.todo('generates default utilities and responsive variants')
214
+
// test.todo('variants can be customized')
215
+
// test.todo('utilities can be customized')
216
+
// test.todo('modifier can contain fractions')
217
+
// test.todo('uses defaultValues as fallback')
210
218
test.todo('respects tailwind\'s important config option')
211
219
test.todo('generates negative utilities') // Probably redundant now that handleName() is tested
212
220
test.todo('generates mixed utilities correctly') // Probably redundant now that handleName() is tested