Skip to content

Commit 96edcd2

Browse files
thecrypticacethecrypticace
committed
Add more tests
1 parent 93b294f commit 96edcd2

File tree

2 files changed

+120
-0
lines changed

2 files changed

+120
-0
lines changed

‎packages/tailwindcss-language-syntax/tests/__snapshots__/syntax.test.ts.snap

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1009,6 +1009,38 @@ exports[`@utility 1`] = `
10091009
^ 1: source.css.tailwind meta.at-rule.utility.body.tailwind punctuation.section.utility.end.bracket.curly.tailwind
10101010
10111011
1012+
^ 1: source.css.tailwind
1013+
1014+
@utility tab-* {
1015+
^^^^^^^^^^^^^^^^ 6: source.css.tailwind
1016+
^^^^^^^^ 2: keyword.control.at-rule.utility.tailwind
1017+
^ 1: punctuation.definition.keyword.css
1018+
^^^^^ 1: variable.parameter.utility.tailwind
1019+
^ 1: meta.at-rule.utility.body.tailwind punctuation.section.utility.begin.bracket.curly.tailwind
1020+
1021+
tab-size: --value(--);
1022+
^^^^^^^^^^^^^^^^^^^^^^^^ 9: source.css.tailwind meta.at-rule.utility.body.tailwind
1023+
^^^^^^^^ 1: meta.property-name.css support.type.property-name.css
1024+
^ 1: punctuation.separator.key-value.css
1025+
^^^^^^^^^^^ 4: meta.property-value.css
1026+
^^^^^^^ 1: support.function.value.tailwind
1027+
^ 1: punctuation.section.function.begin.bracket.round.css
1028+
^^ 1: variable.parameter.value.tailwind
1029+
^ 1: punctuation.section.function.end.bracket.round.css
1030+
^ 1: punctuation.terminator.rule.css
1031+
1032+
font-size: 12px;
1033+
^^^^^^^^^^^^^^^^^^ 7: source.css.tailwind meta.at-rule.utility.body.tailwind
1034+
^^^^^^^^^ 1: meta.property-name.css support.type.property-name.css
1035+
^ 1: punctuation.separator.key-value.css
1036+
^^^^ 2: meta.property-value.css constant.numeric.css
1037+
^^ 1: keyword.other.unit.px.css
1038+
^ 1: punctuation.terminator.rule.css
1039+
1040+
}
1041+
^ 1: source.css.tailwind meta.at-rule.utility.body.tailwind punctuation.section.utility.end.bracket.curly.tailwind
1042+
1043+
10121044
^ 1: source.css.tailwind
10131045
10141046
@utility tab-* {
@@ -1039,6 +1071,77 @@ exports[`@utility 1`] = `
10391071
10401072
}
10411073
^ 1: source.css.tailwind meta.at-rule.utility.body.tailwind punctuation.section.utility.end.bracket.curly.tailwind
1074+
1075+
1076+
^ 1: source.css.tailwind
1077+
1078+
@utility tab-* {
1079+
^^^^^^^^^^^^^^^^ 6: source.css.tailwind
1080+
^^^^^^^^ 2: keyword.control.at-rule.utility.tailwind
1081+
^ 1: punctuation.definition.keyword.css
1082+
^^^^^ 1: variable.parameter.utility.tailwind
1083+
^ 1: meta.at-rule.utility.body.tailwind punctuation.section.utility.begin.bracket.curly.tailwind
1084+
1085+
tab-size: --value(--tab-size-*);
1086+
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 9: source.css.tailwind meta.at-rule.utility.body.tailwind
1087+
^^^^^^^^ 1: meta.property-name.css support.type.property-name.css
1088+
^ 1: punctuation.separator.key-value.css
1089+
^^^^^^^^^^^^^^^^^^^^^ 4: meta.property-value.css
1090+
^^^^^^^ 1: support.function.value.tailwind
1091+
^ 1: punctuation.section.function.begin.bracket.round.css
1092+
^^^^^^^^^^^^ 1: variable.theme-namespace.css
1093+
^ 1: punctuation.section.function.end.bracket.round.css
1094+
^ 1: punctuation.terminator.rule.css
1095+
1096+
font-size: 12px;
1097+
^^^^^^^^^^^^^^^^^^ 7: source.css.tailwind meta.at-rule.utility.body.tailwind
1098+
^^^^^^^^^ 1: meta.property-name.css support.type.property-name.css
1099+
^ 1: punctuation.separator.key-value.css
1100+
^^^^ 2: meta.property-value.css constant.numeric.css
1101+
^^ 1: keyword.other.unit.px.css
1102+
^ 1: punctuation.terminator.rule.css
1103+
1104+
}
1105+
^ 1: source.css.tailwind meta.at-rule.utility.body.tailwind punctuation.section.utility.end.bracket.curly.tailwind
1106+
1107+
1108+
^ 1: source.css.tailwind
1109+
1110+
@utility tab-* {
1111+
^^^^^^^^^^^^^^^^ 6: source.css.tailwind
1112+
^^^^^^^^ 2: keyword.control.at-rule.utility.tailwind
1113+
^ 1: punctuation.definition.keyword.css
1114+
^^^^^ 1: variable.parameter.utility.tailwind
1115+
^ 1: meta.at-rule.utility.body.tailwind punctuation.section.utility.begin.bracket.curly.tailwind
1116+
1117+
& {
1118+
^^^^^^ 1: source.css.tailwind meta.at-rule.utility.body.tailwind
1119+
1120+
tab-size: --value(--tab-size-*);
1121+
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 9: source.css.tailwind meta.at-rule.utility.body.tailwind
1122+
^^^^^^^^ 1: meta.property-name.css support.type.property-name.css
1123+
^ 1: punctuation.separator.key-value.css
1124+
^^^^^^^^^^^^^^^^^^^^^ 4: meta.property-value.css
1125+
^^^^^^^ 1: support.function.value.tailwind
1126+
^ 1: punctuation.section.function.begin.bracket.round.css
1127+
^^^^^^^^^^^^ 1: variable.theme-namespace.css
1128+
^ 1: punctuation.section.function.end.bracket.round.css
1129+
^ 1: punctuation.terminator.rule.css
1130+
1131+
font-size: 16px;
1132+
^^^^^^^^^^^^^^^^^^^^ 7: source.css.tailwind meta.at-rule.utility.body.tailwind
1133+
^^^^^^^^^ 1: meta.property-name.css support.type.property-name.css
1134+
^ 1: punctuation.separator.key-value.css
1135+
^^^^ 2: meta.property-value.css constant.numeric.css
1136+
^^ 1: keyword.other.unit.px.css
1137+
^ 1: punctuation.terminator.rule.css
1138+
1139+
}
1140+
^^^ 2: source.css.tailwind meta.at-rule.utility.body.tailwind
1141+
^ 1: punctuation.section.utility.end.bracket.curly.tailwind
1142+
1143+
}
1144+
^^ 1: source.css.tailwind
10421145
"
10431146
`;
10441147

‎packages/tailwindcss-language-syntax/tests/syntax.test.ts

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -182,10 +182,27 @@ test('@utility', async ({ expect }) => {
182182
width: calc(--value(number) * 1px);
183183
}
184184
185+
@utility tab-* {
186+
tab-size: --value(--);
187+
font-size: 12px;
188+
}
189+
185190
@utility tab-* {
186191
tab-size: --value(--tab-size);
187192
font-size: 12px;
188193
}
194+
195+
@utility tab-* {
196+
tab-size: --value(--tab-size-*);
197+
font-size: 12px;
198+
}
199+
200+
@utility tab-* {
201+
& {
202+
tab-size: --value(--tab-size-*);
203+
font-size: 16px;
204+
}
205+
}
189206
`)
190207

191208
expect(result.toString()).toMatchSnapshot()

0 commit comments

Comments
 (0)