Fix bug with strings with newlines #55
Annotations
2 errors
src/ZodErrorViewer.test.tsx > renders truncated arrays correctly:
packages/zod-error-viewer/src/ZodErrorViewer.test.tsx#L386
TestingLibraryElementError: Unable to find an element with the text: "a". This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
style="font-size: 1rem; white-space: nowrap; background: #FFFFFF; position: relative; width: 100%; overflow-x: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; height: 0px; width: 3.25em; background-color: #f0f0f0;"
/>
<div
style="position: relative; overflow: auto; width: 100%; line-height: 0;"
>
<div
style="width: max-content; min-width: 100%;"
>
<div
style="height: 1.65em;"
>
<span
style="width: 3.25em; padding-right: 0.3em; background-color: #f0f0f0; display: inline-block; text-align: right; font-family: monospace; user-select: none; color: black; box-sizing: border-box; height: 1.65em; line-height: 1.65em; overflow: hidden; position: sticky; left: 0px; z-index: 1;"
>
1
</span>
<pre
style="display: inline-block; padding-left: 0.3em; padding-right: 0.6em; font-family: monospace; tab-size: 1.5em; margin: 0px; box-sizing: border-box; height: 1.65em; line-height: 1.65em; overflow: hidden;"
>
<span
style="color: #1330f0;"
>
[
</span>
</pre>
</div>
<div
style="height: 1.65em;"
>
<span
style="width: 3.25em; padding-right: 0.3em; background-color: #f0f0f0; display: inline-block; text-align: right; font-family: monospace; user-select: none; color: black; box-sizing: border-box; height: 1.65em; line-height: 1.65em; overflow: hidden; position: sticky; left: 0px; z-index: 1;"
>
2
</span>
<pre
style="display: inline-block; padding-left: 0.3em; padding-right: 0.6em; font-family: monospace; tab-size: 1.5em; margin: 0px; box-sizing: border-box; height: 1.65em; line-height: 1.65em; overflow: hidden;"
>
<span
style="color: #95261f;"
>
"
<span>
a
</span>
"
</span>
<span
style="color: black;"
>
,
</span>
<button
aria-label="Collapse"
style="box-sizing: border-box; appearance: none; background: none #edf2ff; border: none none; border-radius: 0.25em; cursor: pointer; font-family: monospace; letter-spacing: -0.2rem; color: #616161; overflow: hidden; user-select: none;"
type="button"
>
<span
style="box-sizing: border-box; position: relative; top: -0.2rem; left: 0.04rem;"
>
<span
aria-hidden="true"
style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0px;"
>
//
</span>
...
</span>
</button>
</pre>
</div>
<div
style="height: 1.65em;"
>
<span
style="width: 3.25em; padding-right: 0.3em; background-color: #f0f0f0; display: inline-block; text-align: right; font-family: monospace; user-select: none; color: black; box-sizing: border-box; height: 1.65em; line-height: 1.65em; overflow: hidden; position: sticky; left: 0px; z-index: 1;"
>
3
</span>
<pre
style="display: inline-block; padding-left: 0.3em; padding-right: 0.6em;
|
ci
Process completed with exit code 1.
|