pref(transfomer-directives): optimize theme parsing #4325
Annotations
36 errors and 5 warnings
Unhandled error:
test/transformer-directives.test.ts#L433
AssertionError: promise resolved "'.btn {\n color: theme("color.none.50…'" instead of rejecting
- Expected
+ Received
- [Error: rejected promise]
+ .btn {
+ color: theme("color.none.500");
+ }
+
❯ test/transformer-directives.test.ts:433:8
This error originated in "test/transformer-directives.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
|
Unhandled error:
test/transformer-directives.test.ts#L440
AssertionError: promise resolved "'.btn {\n font-size: theme("size.lg")…'" instead of rejecting
- Expected
+ Received
- [Error: rejected promise]
+ .btn {
+ font-size: theme("size.lg");
+ }
+
❯ test/transformer-directives.test.ts:440:8
This error originated in "test/transformer-directives.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
|
Unhandled error:
test/transformer-directives.test.ts#L449
AssertionError: promise resolved "'.btn {\n color: theme();\n}\n'" instead of rejecting
- Expected
+ Received
- [Error: rejected promise]
+ .btn {
+ color: theme();
+ }
+
❯ test/transformer-directives.test.ts:449:8
This error originated in "test/transformer-directives.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
|
test/transformer-directives.test.ts > transformer-directives > theme() > basic:
test/transformer-directives.test.ts#L416
Error: Snapshot `transformer-directives > theme() > basic 1` mismatched
- Expected
+ Received
".btn {
- background-color: #3b82f6;
- padding: 0.75rem 0.875rem;
+ background-color: theme("colors.blue.500");
+ padding: theme("spacing.xs") theme("spacing.sm");
}
.btn-2 {
- height: calc(100vh - 0.875rem);
+ height: calc(100vh - theme("spacing.sm"));
}
"
❯ test/transformer-directives.test.ts:416:10
|
test/transformer-directives.test.ts > transformer-directives > theme() > non-exist:
test/transformer-directives.test.ts#L433
AssertionError: promise resolved "'.btn {\n color: theme("color.none.50…'" instead of rejecting
- Expected:
[Error: rejected promise]
+ Received:
".btn {
color: theme(\"color.none.500\");
}
"
❯ test/transformer-directives.test.ts:433:8
|
test/transformer-directives.test.ts > transformer-directives > theme() > non-exist:
test/transformer-directives.test.ts#L440
AssertionError: promise resolved "'.btn {\n font-size: theme("size.lg")…'" instead of rejecting
- Expected:
[Error: rejected promise]
+ Received:
".btn {
font-size: theme(\"size.lg\");
}
"
❯ test/transformer-directives.test.ts:440:8
|
test/transformer-directives.test.ts > transformer-directives > theme() > args:
test/transformer-directives.test.ts#L449
AssertionError: promise resolved "'.btn {\n color: theme();\n}\n'" instead of rejecting
- Expected:
[Error: rejected promise]
+ Received:
".btn {
color: theme();
}
"
❯ test/transformer-directives.test.ts:449:8
|
test/transformer-directives.test.ts > transformer-directives > theme() > opacity:
test/transformer-directives.test.ts#L485
Error: Snapshot `transformer-directives > theme() > opacity 1` mismatched
- Expected
+ Received
"div {
- color: rgb(239 68 68 / 50%);
- color: rgb(255 0 0 / 0.5);
- color: rgba(255, 0, 0, 50%);
- color: hsl(210 50% 50% / 0.6);
- color: hsl(210 50% 50% / 60%);
+ color: theme("colors.red.500 / 50%");
+ color: theme("colors.rgb / 0.5");
+ color: theme("colors.rgba / 50%");
+ color: theme("colors.hsl / 0.6");
+ color: theme("colors.hsla / 60%");
}
"
❯ test/transformer-directives.test.ts:485:22
|
test (macos-latest, lts/*)
Process completed with exit code 1.
|
Unhandled error:
test/transformer-directives.test.ts#L433
AssertionError: promise resolved "'.btn {\n color: theme("color.none.50…'" instead of rejecting
- Expected
+ Received
- [Error: rejected promise]
+ .btn {
+ color: theme("color.none.500");
+ }
+
❯ test/transformer-directives.test.ts:433:8
This error originated in "test/transformer-directives.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
|
Unhandled error:
test/transformer-directives.test.ts#L440
AssertionError: promise resolved "'.btn {\n font-size: theme("size.lg")…'" instead of rejecting
- Expected
+ Received
- [Error: rejected promise]
+ .btn {
+ font-size: theme("size.lg");
+ }
+
❯ test/transformer-directives.test.ts:440:8
This error originated in "test/transformer-directives.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
|
Unhandled error:
test/transformer-directives.test.ts#L449
AssertionError: promise resolved "'.btn {\n color: theme();\n}\n'" instead of rejecting
- Expected
+ Received
- [Error: rejected promise]
+ .btn {
+ color: theme();
+ }
+
❯ test/transformer-directives.test.ts:449:8
This error originated in "test/transformer-directives.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
|
test/transformer-directives.test.ts > transformer-directives > theme() > basic:
test/transformer-directives.test.ts#L416
Error: Snapshot `transformer-directives > theme() > basic 1` mismatched
- Expected
+ Received
".btn {
- background-color: #3b82f6;
- padding: 0.75rem 0.875rem;
+ background-color: theme("colors.blue.500");
+ padding: theme("spacing.xs") theme("spacing.sm");
}
.btn-2 {
- height: calc(100vh - 0.875rem);
+ height: calc(100vh - theme("spacing.sm"));
}
"
❯ test/transformer-directives.test.ts:416:10
|
test/transformer-directives.test.ts > transformer-directives > theme() > non-exist:
test/transformer-directives.test.ts#L433
AssertionError: promise resolved "'.btn {\n color: theme("color.none.50…'" instead of rejecting
- Expected:
[Error: rejected promise]
+ Received:
".btn {
color: theme(\"color.none.500\");
}
"
❯ test/transformer-directives.test.ts:433:8
|
test/transformer-directives.test.ts > transformer-directives > theme() > non-exist:
test/transformer-directives.test.ts#L440
AssertionError: promise resolved "'.btn {\n font-size: theme("size.lg")…'" instead of rejecting
- Expected:
[Error: rejected promise]
+ Received:
".btn {
font-size: theme(\"size.lg\");
}
"
❯ test/transformer-directives.test.ts:440:8
|
test/transformer-directives.test.ts > transformer-directives > theme() > args:
test/transformer-directives.test.ts#L449
AssertionError: promise resolved "'.btn {\n color: theme();\n}\n'" instead of rejecting
- Expected:
[Error: rejected promise]
+ Received:
".btn {
color: theme();
}
"
❯ test/transformer-directives.test.ts:449:8
|
test/transformer-directives.test.ts > transformer-directives > theme() > opacity:
test/transformer-directives.test.ts#L485
Error: Snapshot `transformer-directives > theme() > opacity 1` mismatched
- Expected
+ Received
"div {
- color: rgb(239 68 68 / 50%);
- color: rgb(255 0 0 / 0.5);
- color: rgba(255, 0, 0, 50%);
- color: hsl(210 50% 50% / 0.6);
- color: hsl(210 50% 50% / 60%);
+ color: theme("colors.red.500 / 50%");
+ color: theme("colors.rgb / 0.5");
+ color: theme("colors.rgba / 50%");
+ color: theme("colors.hsl / 0.6");
+ color: theme("colors.hsla / 60%");
}
"
❯ test/transformer-directives.test.ts:485:22
|
test (ubuntu-latest, lts/*)
Process completed with exit code 1.
|
Unhandled error:
test/transformer-directives.test.ts#L433
AssertionError: promise resolved "'.btn {\n color: theme("color.none.50…'" instead of rejecting
- Expected
+ Received
- [Error: rejected promise]
+ .btn {
+ color: theme("color.none.500");
+ }
+
❯ test/transformer-directives.test.ts:433:8
This error originated in "test/transformer-directives.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
|
Unhandled error:
test/transformer-directives.test.ts#L440
AssertionError: promise resolved "'.btn {\n font-size: theme("size.lg")…'" instead of rejecting
- Expected
+ Received
- [Error: rejected promise]
+ .btn {
+ font-size: theme("size.lg");
+ }
+
❯ test/transformer-directives.test.ts:440:8
This error originated in "test/transformer-directives.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
|
Unhandled error:
test/transformer-directives.test.ts#L449
AssertionError: promise resolved "'.btn {\n color: theme();\n}\n'" instead of rejecting
- Expected
+ Received
- [Error: rejected promise]
+ .btn {
+ color: theme();
+ }
+
❯ test/transformer-directives.test.ts:449:8
This error originated in "test/transformer-directives.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
|
test/transformer-directives.test.ts > transformer-directives > theme() > basic:
test/transformer-directives.test.ts#L416
Error: Snapshot `transformer-directives > theme() > basic 1` mismatched
- Expected
+ Received
".btn {
- background-color: #3b82f6;
- padding: 0.75rem 0.875rem;
+ background-color: theme("colors.blue.500");
+ padding: theme("spacing.xs") theme("spacing.sm");
}
.btn-2 {
- height: calc(100vh - 0.875rem);
+ height: calc(100vh - theme("spacing.sm"));
}
"
❯ test/transformer-directives.test.ts:416:10
|
test/transformer-directives.test.ts > transformer-directives > theme() > non-exist:
test/transformer-directives.test.ts#L433
AssertionError: promise resolved "'.btn {\n color: theme("color.none.50…'" instead of rejecting
- Expected:
[Error: rejected promise]
+ Received:
".btn {
color: theme(\"color.none.500\");
}
"
❯ test/transformer-directives.test.ts:433:8
|
test/transformer-directives.test.ts > transformer-directives > theme() > non-exist:
test/transformer-directives.test.ts#L440
AssertionError: promise resolved "'.btn {\n font-size: theme("size.lg")…'" instead of rejecting
- Expected:
[Error: rejected promise]
+ Received:
".btn {
font-size: theme(\"size.lg\");
}
"
❯ test/transformer-directives.test.ts:440:8
|
test/transformer-directives.test.ts > transformer-directives > theme() > args:
test/transformer-directives.test.ts#L449
AssertionError: promise resolved "'.btn {\n color: theme();\n}\n'" instead of rejecting
- Expected:
[Error: rejected promise]
+ Received:
".btn {
color: theme();
}
"
❯ test/transformer-directives.test.ts:449:8
|
test/transformer-directives.test.ts > transformer-directives > theme() > opacity:
test/transformer-directives.test.ts#L485
Error: Snapshot `transformer-directives > theme() > opacity 1` mismatched
- Expected
+ Received
"div {
- color: rgb(239 68 68 / 50%);
- color: rgb(255 0 0 / 0.5);
- color: rgba(255, 0, 0, 50%);
- color: hsl(210 50% 50% / 0.6);
- color: hsl(210 50% 50% / 60%);
+ color: theme("colors.red.500 / 50%");
+ color: theme("colors.rgb / 0.5");
+ color: theme("colors.rgba / 50%");
+ color: theme("colors.hsl / 0.6");
+ color: theme("colors.hsla / 60%");
}
"
❯ test/transformer-directives.test.ts:485:22
|
test (ubuntu-latest, 18.18.2)
Process completed with exit code 1.
|
Unhandled error:
test/transformer-directives.test.ts#L433
AssertionError: promise resolved "'.btn {\n color: theme("color.none.50…'" instead of rejecting
- Expected
+ Received
- [Error: rejected promise]
+ .btn {
+ color: theme("color.none.500");
+ }
+
❯ test/transformer-directives.test.ts:433:8
This error originated in "test/transformer-directives.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
|
Unhandled error:
test/transformer-directives.test.ts#L440
AssertionError: promise resolved "'.btn {\n font-size: theme("size.lg")…'" instead of rejecting
- Expected
+ Received
- [Error: rejected promise]
+ .btn {
+ font-size: theme("size.lg");
+ }
+
❯ test/transformer-directives.test.ts:440:8
This error originated in "test/transformer-directives.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
|
Unhandled error:
test/transformer-directives.test.ts#L449
AssertionError: promise resolved "'.btn {\n color: theme();\n}\n'" instead of rejecting
- Expected
+ Received
- [Error: rejected promise]
+ .btn {
+ color: theme();
+ }
+
❯ test/transformer-directives.test.ts:449:8
This error originated in "test/transformer-directives.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
|
test/transformer-directives.test.ts > transformer-directives > theme() > basic:
test/transformer-directives.test.ts#L416
Error: Snapshot `transformer-directives > theme() > basic 1` mismatched
- Expected
+ Received
".btn {
- background-color: #3b82f6;
- padding: 0.75rem 0.875rem;
+ background-color: theme("colors.blue.500");
+ padding: theme("spacing.xs") theme("spacing.sm");
}
.btn-2 {
- height: calc(100vh - 0.875rem);
+ height: calc(100vh - theme("spacing.sm"));
}
"
❯ test/transformer-directives.test.ts:416:10
|
test/transformer-directives.test.ts > transformer-directives > theme() > non-exist:
test/transformer-directives.test.ts#L433
AssertionError: promise resolved "'.btn {\n color: theme("color.none.50…'" instead of rejecting
- Expected:
[Error: rejected promise]
+ Received:
".btn {
color: theme(\"color.none.500\");
}
"
❯ test/transformer-directives.test.ts:433:8
|
test/transformer-directives.test.ts > transformer-directives > theme() > non-exist:
test/transformer-directives.test.ts#L440
AssertionError: promise resolved "'.btn {\n font-size: theme("size.lg")…'" instead of rejecting
- Expected:
[Error: rejected promise]
+ Received:
".btn {
font-size: theme(\"size.lg\");
}
"
❯ test/transformer-directives.test.ts:440:8
|
test/transformer-directives.test.ts > transformer-directives > theme() > args:
test/transformer-directives.test.ts#L449
AssertionError: promise resolved "'.btn {\n color: theme();\n}\n'" instead of rejecting
- Expected:
[Error: rejected promise]
+ Received:
".btn {
color: theme();
}
"
❯ test/transformer-directives.test.ts:449:8
|
test/transformer-directives.test.ts > transformer-directives > theme() > opacity:
test/transformer-directives.test.ts#L485
Error: Snapshot `transformer-directives > theme() > opacity 1` mismatched
- Expected
+ Received
"div {
- color: rgb(239 68 68 / 50%);
- color: rgb(255 0 0 / 0.5);
- color: rgba(255, 0, 0, 50%);
- color: hsl(210 50% 50% / 0.6);
- color: hsl(210 50% 50% / 60%);
+ color: theme("colors.red.500 / 50%");
+ color: theme("colors.rgb / 0.5");
+ color: theme("colors.rgba / 50%");
+ color: theme("colors.hsl / 0.6");
+ color: theme("colors.hsla / 60%");
}
"
❯ test/transformer-directives.test.ts:485:22
|
test (windows-latest, lts/*)
Process completed with exit code 1.
|
lint
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, pnpm/action-setup@v2, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
test (macos-latest, lts/*)
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, pnpm/action-setup@v2, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
test (ubuntu-latest, lts/*)
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, pnpm/action-setup@v2, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
test (ubuntu-latest, 18.18.2)
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, pnpm/action-setup@v2, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
test (windows-latest, lts/*)
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, pnpm/action-setup@v2, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|