fix: downgrade juice to v10 to fix Bun module resolution error - #1662
Closed
jules-w2 wants to merge 1 commit into
Closed
fix: downgrade juice to v10 to fix Bun module resolution error#1662jules-w2 wants to merge 1 commit into
jules-w2 wants to merge 1 commit into
Annotations
11 errors
|
|
|
test/transformers/inlineCSS.test.js#L238
AssertionError: expected '<style> li::marker {color: blue} ul >…' to be '<style>li::marker { color: blue; }</s…' // Object.is equality
Expected: "<style>li::marker { color: blue; }</style> <ul> <li style="color: red;">test</li> </ul>"
Received: "<style> li::marker {color: blue} ul > li { color: red; } </style> <ul> <li style="color: red">test</li> </ul>"
❯ test/transformers/inlineCSS.test.js:238:7
|
|
test/transformers/inlineCSS.test.js#L218
AssertionError: expected '<style> .base64 { background-image: u…' to be '<p class="base64" style="background-i…' // Object.is equality
Expected: "<p class="base64" style="background-image: url('data:image/gif;base64,R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=');">test</p>"
Received: "<style> .base64 { background-image: url("data:image/gif;base64,R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs="); } </style> <p class="base64" style="background-image: url('data:image/gif;base64,R0lGODdhAQABAPAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=')">test</p>"
❯ test/transformers/inlineCSS.test.js:218:7
|
|
test/transformers/inlineCSS.test.js#L192
AssertionError: expected '<style> .w-1 {width: 4px} .h-1 {heigh…' to be '<style>.hover-foo:hover { color: blue…' // Object.is equality
Expected: "<style>.hover-foo:hover { color: blue; } @media (max-width: 600px) { .sm-text-center { text-align: center; } } u + .body .gmail-hidden { display: none; }</style> <p class="bar" style="cursor: pointer;">test</p> <table class="w-1 h-1 sm-text-center bg-custom" style="width: 4px; height: 4px; background-image: url('https://picsum.photos/600/400')"> <tr> <td class="foo bar h-1 gmail-hidden" style="height: 4px; color: red; cursor: pointer;">test</td> </tr> </table>"
Received: "<style> .w-1 {width: 4px} .h-1 {height: 4px} .foo {color: red} .bar {cursor: pointer} .hover-foo:hover {color: blue} .bg-custom {background-image: url('https://picsum.photos/600/400') !important} @media (max-width: 600px) { .sm-text-center {text-align: center} } u + .body .gmail-hidden { display: none; } </style> <p class="bar" style="cursor: pointer">test</p> <table class="w-1 h-1 sm-text-center bg-custom" style="width: 4px; height: 4px; background-image: url('https://picsum.photos/600/400')"> <tr> <td class="foo bar h-1 gmail-hidden" style="height: 4px; color: red; cursor: pointer">test</td> </tr> </table>"
❯ test/transformers/inlineCSS.test.js:192:7
|
|
test/transformers/inlineCSS.test.js#L176
AssertionError: expected '<style>.foo { color: red; }</style> <…' to be '<style>.foo { color: red; }</style> <…' // Object.is equality
Expected: "<style>.foo { color: red; }</style> <style>.foo { display: flex; }</style> <p class="foo">test</p>"
Received: "<style>.foo { color: red; }</style> <style>.foo { display: flex ;}</style> <p class="foo">test</p>"
❯ test/transformers/inlineCSS.test.js:176:7
|
|
test/transformers/inlineCSS.test.js#L165
AssertionError: expected '<style>.size-10px {width: 10px; heigh…' to be '<img class="size-10px" style="width: …' // Object.is equality
Expected: "<img class="size-10px" style="width: 10px; height: 10px;" width="10" height="10" alt>"
Received: "<style>.size-10px {width: 10px; height: 10px}</style><img class="size-10px" style="width: 10px; height: 10px" width="10" height="10" alt>"
❯ test/transformers/inlineCSS.test.js:165:7
|
|
test/transformers/inlineCSS.test.js#L155
AssertionError: expected '<style>.bar {cursor: pointer; margin:…' to be '<p class="bar" style="cursor: pointer…' // Object.is equality
Expected: "<p class="bar" style="cursor: pointer;">test</p>"
Received: "<style>.bar {cursor: pointer; margin: 0}</style> <p class="bar" style="cursor: pointer">test</p>"
❯ test/transformers/inlineCSS.test.js:155:7
|
|
test/transformers/inlineCSS.test.js#L142
AssertionError: expected '<style>.m-0 {margin: 0px}</style> <p …' to be '<p class="m-0" style="margin: 0px; co…' // Object.is equality
Expected: "<p class="m-0" style="margin: 0px; color: #{{ $foo->theme }};">test</p>"
Received: "<style>.m-0 {margin: 0px}</style> <p class="m-0" style="margin: 0px; color: #{{ $foo->theme }};">test</p>"
❯ test/transformers/inlineCSS.test.js:142:20
|
|
test/transformers/inlineCSS.test.js#L131
AssertionError: expected '<style>.m-0 {margin: 0px}</style> <p …' to be '<p class="m-0" style="margin: 0px;">t…' // Object.is equality
Expected: "<p class="m-0" style="margin: 0px;">test</p>"
Received: "<style>.m-0 {margin: 0px}</style> <p class="m-0" style="margin: 0px">test</p>"
❯ test/transformers/inlineCSS.test.js:131:20
|
|
test/transformers/inlineCSS.test.js#L74
AssertionError: expected '<style> .bar {margin: 0} .variant\:fo…' to be '<style>.bar { margin: 0; } .variant\:…' // Object.is equality
Expected: "<style>.bar { margin: 0; } .variant\:foo { color: blue; }</style> <p class="bar" style="margin: 0">test</p> <span class="variant:foo" style="color: blue"></span>"
Received: "<style> .bar {margin: 0} .variant\:foo {color: blue} </style> <p class="bar" style="margin: 0">test</p> <span class="variant:foo" style="color: blue"></span>"
❯ test/transformers/inlineCSS.test.js:74:33
|
|
test/transformers/inlineCSS.test.js#L47
AssertionError: expected '<style> .w-1 {width: 4px} .h-1 {heigh…' to be '<style>.hover\:foo:hover { color: blu…' // Object.is equality
Expected: "<style>.hover\:foo:hover { color: blue; } @media (max-width: 600px) { .sm\:text-center { text-align: center; } } u + .body .gmail\:hidden { display: none; }</style> <p class="bar" style="cursor: pointer;">test</p> <table class="w-1 h-1 sm:text-center bg-custom" style="width: 4px; height: 4px; background-image: url('https://picsum.photos/600/400')"> <tr> <td class="foo bar h-1 gmail:hidden" style="height: 4px; color: red; cursor: pointer;">test</td> </tr> </table>"
Received: "<style> .w-1 {width: 4px} .h-1 {height: 4px} .foo {color: red} .bar {cursor: pointer} .hover\:foo:hover {color: blue} .bg-custom {background-image: url('https://picsum.photos/600/400') !important} @media (max-width: 600px) { .sm\:text-center {text-align: center} } u + .body .gmail\:hidden { display: none; } </style> <p class="bar" style="cursor: pointer">test</p> <table class="w-1 h-1 sm:text-center bg-custom" style="width: 4px; height: 4px; background-image: url('https://picsum.photos/600/400')"> <tr> <td class="foo bar h-1 gmail:hidden" style="height: 4px; color: red; cursor: pointer">test</td> </tr> </table>"
❯ test/transformers/inlineCSS.test.js:47:33
|
The logs for this run have expired and are no longer available.
Loading