TestingLibraryElementError: Unable to find an element with the text: 1.5 ft. 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 <div> <div class="@container/table border border-(--neaps-border) rounded-md max-h-96 overflow-y-auto " > <table class="w-full border-collapse text-sm text-(--neaps-text)" role="table" > <thead class="sticky top-0 z-10 bg-(--neaps-bg)" > <tr> <th class="text-left px-3 py-2 border-b-2 border-(--neaps-border) text-(--neaps-text-muted) font-semibold text-xs uppercase tracking-wide" > Date </th> <th class="text-left px-3 py-2 border-b-2 border-(--neaps-border) pl-10 text-(--neaps-text-muted) font-semibold text-xs uppercase tracking-wide" > Time </th> <th class="text-left px-3 py-2 border-b-2 border-(--neaps-border) pl-10 text-(--neaps-text-muted) font-semibold text-xs uppercase tracking-wide" > Level </th> <th class="text-left px-3 py-2 border-b-2 border-(--neaps-border) text-(--neaps-text-muted) font-semibold text-xs uppercase tracking-wide" > Type </th> </tr> </thead> <tbody> <tr class="" > <td class="px-3 py-2 border-b border-(--neaps-border) font-semibold align-top text-balance" rowspan="1" > Wed, Dec 17 </td> <td class="px-3 py-2 border-b border-(--neaps-border)" > <span class="inline-block w-18 tabular-nums text-right" > 6:00 AM </span> </td> <td class="px-3 py-2 border-b border-(--neaps-border) font-semibold tabular-nums" > <span class="inline-block w-18 text-right" > 1.50 m </span> </td> <td class="px-3 py-2 border-b border-(--neaps-border)" > <span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-semibold bg-(--neaps-high)/15 text-(--neaps-high)" > <span aria-hidden="true" > ⤒ </span> High </span> </td> </tr> </tbody> </table> </div> </div> ❯ test/components/TideTableFetcher.test.tsx:108:16