Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 772b41c

Browse files
nex3nex3
committedFeb 29, 2020
Add specs for selector-nest()
See #1001
1 parent 0683abe commit 772b41c

File tree

1 file changed

+437
-0
lines changed

1 file changed

+437
-0
lines changed
 

‎spec/core_functions/selector/nest.hrx

+437
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,437 @@
1+
<===> one_arg/input.scss
2+
a {b: selector-nest("c")}
3+
4+
<===> one_arg/output.css
5+
a {
6+
b: c;
7+
}
8+
9+
<===>
10+
================================================================================
11+
<===> many_args/input.scss
12+
a {b: selector-nest("c", "d", "e", "f", "g")}
13+
14+
<===> many_args/output.css
15+
a {
16+
b: c d e f g;
17+
}
18+
19+
<===>
20+
================================================================================
21+
<===> parent/alone/input.scss
22+
a {b: selector-nest("c", "&")}
23+
24+
<===> parent/alone/output.css
25+
a {
26+
b: c;
27+
}
28+
29+
<===>
30+
================================================================================
31+
<===> parent/compound/input.scss
32+
a {b: selector-nest("c", "&.d")}
33+
34+
<===> parent/compound/output.css
35+
a {
36+
b: c.d;
37+
}
38+
39+
<===>
40+
================================================================================
41+
<===> parent/suffix/input.scss
42+
a {b: selector-nest("c", "&d")}
43+
44+
<===> parent/suffix/output.css
45+
a {
46+
b: cd;
47+
}
48+
49+
<===>
50+
================================================================================
51+
<===> parent/complex/simple_parent/input.scss
52+
a {b: selector-nest("c", "d &.e")}
53+
54+
<===> parent/complex/simple_parent/output.css
55+
a {
56+
b: d c.e;
57+
}
58+
59+
<===>
60+
================================================================================
61+
<===> parent/complex/complex_parent/input.scss
62+
a {b: selector-nest("c d", "e &.f")}
63+
64+
<===> parent/complex/complex_parent/output.css
65+
a {
66+
b: e c d.f;
67+
}
68+
69+
<===>
70+
================================================================================
71+
<===> parent/selector_pseudo/simple_parent/input.scss
72+
a {b: selector-nest("c", ":matches(&)")}
73+
74+
<===> parent/selector_pseudo/simple_parent/output.css
75+
a {
76+
b: :matches(c);
77+
}
78+
79+
<===>
80+
================================================================================
81+
<===> parent/selector_pseudo/complex_parent/input.scss
82+
a {b: selector-nest("c d", ":matches(&)")}
83+
84+
<===> parent/selector_pseudo/complex_parent/output.css
85+
a {
86+
b: :matches(c d);
87+
}
88+
89+
<===>
90+
================================================================================
91+
<===> parent/multiple/input.scss
92+
a {b: selector-nest("c", "&.d &.e")}
93+
94+
<===> parent/multiple/output.css
95+
a {
96+
b: c.d c.e;
97+
}
98+
99+
<===>
100+
================================================================================
101+
<===> parent/in_one_complex/input.scss
102+
a {b: selector-nest("c", "&.d, e")}
103+
104+
<===> parent/in_one_complex/output.css
105+
a {
106+
b: c.d, c e;
107+
}
108+
109+
<===>
110+
================================================================================
111+
<===> list/initial/input.scss
112+
a {b: selector-nest("c, d", "e")}
113+
114+
<===> list/initial/output.css
115+
a {
116+
b: c e, d e;
117+
}
118+
119+
<===>
120+
================================================================================
121+
<===> list/final/input.scss
122+
a {b: selector-nest("c", "d, e")}
123+
124+
<===> list/final/output.css
125+
a {
126+
b: c d, c e;
127+
}
128+
129+
<===>
130+
================================================================================
131+
<===> list/many/input.scss
132+
a {b: selector-nest("c, d", "e, f", "g, h")}
133+
134+
<===> list/many/output.css
135+
a {
136+
b: c e g, c e h, c f g, c f h, d e g, d e h, d f g, d f h;
137+
}
138+
139+
<===> list/many/output-libsass.css
140+
a {
141+
b: c e g, d e g, c f g, d f g, c e h, d e h, c f h, d f h;
142+
}
143+
144+
<===>
145+
================================================================================
146+
<===> list/parent/alone/input.scss
147+
a {b: selector-nest("c, d", "&")}
148+
149+
<===> list/parent/alone/output.css
150+
a {
151+
b: c, d;
152+
}
153+
154+
<===>
155+
================================================================================
156+
<===> list/parent/compound/input.scss
157+
a {b: selector-nest("c, d", "&.e")}
158+
159+
<===> list/parent/compound/output.css
160+
a {
161+
b: c.e, d.e;
162+
}
163+
164+
<===>
165+
================================================================================
166+
<===> list/parent/suffix/input.scss
167+
a {b: selector-nest("c, d", "&e")}
168+
169+
<===> list/parent/suffix/output.css
170+
a {
171+
b: ce, de;
172+
}
173+
174+
<===>
175+
================================================================================
176+
<===> list/parent/complex/input.scss
177+
a {b: selector-nest("c, d", "e &.f")}
178+
179+
<===> list/parent/complex/output.css
180+
a {
181+
b: e c.f, e d.f;
182+
}
183+
184+
<===>
185+
================================================================================
186+
<===> list/parent/selector_pseudo/input.scss
187+
a {b: selector-nest("c, d", ":matches(&)")}
188+
189+
<===> list/parent/selector_pseudo/output.css
190+
a {
191+
b: :matches(c, d);
192+
}
193+
194+
<===>
195+
================================================================================
196+
<===> list/parent/multiple/input.scss
197+
a {b: selector-nest("c, d", "&.e &.f")}
198+
199+
<===> list/parent/multiple/output.css
200+
a {
201+
b: c.e c.f, c.e d.f, d.e c.f, d.e d.f;
202+
}
203+
204+
<===>
205+
================================================================================
206+
<===> list/parent/in_one_complex/input.scss
207+
a {b: selector-nest("c, d", "&.e, f")}
208+
209+
<===> list/parent/in_one_complex/output.css
210+
a {
211+
b: c.e, c f, d.e, d f;
212+
}
213+
214+
<===> list/parent/in_one_complex/output-libsass.css
215+
a {
216+
b: c.e, d.e, c f, d f;
217+
}
218+
219+
<===>
220+
================================================================================
221+
<===> format/README.md
222+
These specs verify that all the arguments to `selector-nest()` can take the
223+
parsed selector format, and that the function returns a selector in that format.
224+
The full set of possible input formats is tested with `selector-parse()`; this
225+
spec just verifies one example for each parameter.
226+
227+
<===>
228+
================================================================================
229+
<===> format/input/initial/input.scss
230+
a {b: selector-nest((c, d e), "f")}
231+
232+
<===> format/input/initial/output.css
233+
a {
234+
b: c f, d e f;
235+
}
236+
237+
<===>
238+
================================================================================
239+
<===> format/input/later/input.scss
240+
a {b: selector-nest("c", (d, e f))}
241+
242+
<===> format/input/later/output.css
243+
a {
244+
b: c d, c e f;
245+
}
246+
247+
<===>
248+
================================================================================
249+
<===> error/parent/first_arg/options.yml
250+
---
251+
:todo:
252+
- sass/dart-sass#966
253+
- sass/libsass#3070
254+
255+
<===> error/parent/first_arg/input.scss
256+
a {b: selector-nest("&")}
257+
258+
<===> error/parent/first_arg/error
259+
Error: Parent selectors aren't allowed here.
260+
,
261+
1 | &
262+
| ^
263+
'
264+
- 1:1 root stylesheet
265+
,
266+
1 | a {b: selector-nest("&")}
267+
| ^^^^^^^^^^^^^^^^^^
268+
'
269+
input.scss 1:7 root stylesheet
270+
271+
<===>
272+
================================================================================
273+
<===> error/parent/non_initial/input.scss
274+
a {b: selector-nest("c", "[d]&")}
275+
276+
<===> error/parent/non_initial/error
277+
Error: "&" may only used at the beginning of a compound selector.
278+
,
279+
1 | [d]&
280+
| ^
281+
'
282+
- 1:4 root stylesheet
283+
,
284+
1 | a {b: selector-nest("c", "[d]&")}
285+
| ^^^^^^^^^^^^^^^^^^^^^^^^^^
286+
'
287+
input.scss 1:7 root stylesheet
288+
289+
<===> error/parent/non_initial/error-libsass
290+
Error: Invalid CSS after "[d]": expected "{", was "&"
291+
292+
"&" may only be used at the beginning of a compound selector.
293+
on line 1:4 of input.scss, in function `selector-nest`
294+
from line 1:7 of input.scss
295+
>> a {b: selector-nest("c", "[d]&")}
296+
297+
---^
298+
299+
<===>
300+
================================================================================
301+
<===> error/parent/prefix/input.scss
302+
a {b: selector-nest("c", "d&")}
303+
304+
<===> error/parent/prefix/error
305+
Error: "&" may only used at the beginning of a compound selector.
306+
,
307+
1 | d&
308+
| ^
309+
'
310+
- 1:2 root stylesheet
311+
,
312+
1 | a {b: selector-nest("c", "d&")}
313+
| ^^^^^^^^^^^^^^^^^^^^^^^^
314+
'
315+
input.scss 1:7 root stylesheet
316+
317+
<===> error/parent/prefix/error-libsass
318+
Error: Invalid CSS after "d": expected "{", was "&"
319+
320+
"&" may only be used at the beginning of a compound selector.
321+
on line 1:2 of input.scss, in function `selector-nest`
322+
from line 1:7 of input.scss
323+
>> a {b: selector-nest("c", "d&")}
324+
325+
-^
326+
327+
<===>
328+
================================================================================
329+
<===> error/invalid/initial/input.scss
330+
a {b: selector-nest("[c")}
331+
332+
<===> error/invalid/initial/error
333+
Error: expected more input.
334+
,
335+
1 | [c
336+
| ^
337+
'
338+
- 1:3 root stylesheet
339+
,
340+
1 | a {b: selector-nest("[c")}
341+
| ^^^^^^^^^^^^^^^^^^^
342+
'
343+
input.scss 1:7 root stylesheet
344+
345+
<===> error/invalid/initial/error-libsass
346+
Error: invalid operator in attribute selector for c
347+
on line 1:2 of input.scss, in function `selector-nest`
348+
from line 1:7 of input.scss
349+
>> a {b: selector-nest("[c")}
350+
351+
-^
352+
353+
<===>
354+
================================================================================
355+
<===> error/invalid/later/input.scss
356+
a {b: selector-nest("c", "[d")}
357+
358+
<===> error/invalid/later/error
359+
Error: expected more input.
360+
,
361+
1 | [d
362+
| ^
363+
'
364+
- 1:3 root stylesheet
365+
,
366+
1 | a {b: selector-nest("c", "[d")}
367+
| ^^^^^^^^^^^^^^^^^^^^^^^^
368+
'
369+
input.scss 1:7 root stylesheet
370+
371+
<===> error/invalid/later/error-libsass
372+
Error: invalid operator in attribute selector for d
373+
on line 1:2 of input.scss, in function `selector-nest`
374+
from line 1:7 of input.scss
375+
>> a {b: selector-nest("c", "[d")}
376+
377+
-^
378+
379+
<===>
380+
================================================================================
381+
<===> error/type/initial/options.yml
382+
---
383+
:todo:
384+
- sass/libsass#2960
385+
386+
<===> error/type/initial/input.scss
387+
a {b: selector-nest(1)}
388+
389+
<===> error/type/initial/error
390+
Error: 1 is not a valid selector: it must be a string,
391+
a list of strings, or a list of lists of strings.
392+
,
393+
1 | a {b: selector-nest(1)}
394+
| ^^^^^^^^^^^^^^^^
395+
'
396+
input.scss 1:7 root stylesheet
397+
398+
<===>
399+
================================================================================
400+
<===> error/type/later/options.yml
401+
---
402+
:todo:
403+
- sass/libsass#2960
404+
405+
<===> error/type/later/input.scss
406+
a {b: selector-nest("c", 1)}
407+
408+
<===> error/type/later/error
409+
Error: 1 is not a valid selector: it must be a string,
410+
a list of strings, or a list of lists of strings.
411+
,
412+
1 | a {b: selector-nest("c", 1)}
413+
| ^^^^^^^^^^^^^^^^^^^^^
414+
'
415+
input.scss 1:7 root stylesheet
416+
417+
<===>
418+
================================================================================
419+
<===> error/too_few_args/input.scss
420+
a {b: selector-nest()}
421+
422+
423+
<===> error/too_few_args/error
424+
Error: $selectors: At least one selector must be passed.
425+
,
426+
1 | a {b: selector-nest()}
427+
| ^^^^^^^^^^^^^^^
428+
'
429+
input.scss 1:7 root stylesheet
430+
431+
<===> error/too_few_args/error-libsass
432+
Error: $selectors: At least one selector must be passed for `selector-nest'
433+
on line 1:7 of input.scss, in function `selector-nest`
434+
from line 1:7 of input.scss
435+
>> a {b: selector-nest()}
436+
437+
------^

0 commit comments

Comments
 (0)
Please sign in to comment.