TestingLibraryElementError: Unable to find an element with the text: 10:00 AM to 12:00 PM. 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="flex h-[72px] items-center gap-4 px-4 py-3" > <div class="flex size-10 items-center justify-center rounded-full transition-colors bg-primary-container text-on-primary-container" > <span class="material-symbols-outlined flex icon-outline size-24" > directions_car </span> </div> <div class="flex h-12 grow flex-col justify-between" > <span class="text-title-md" > Thu, Jul 1, 2021 </span> <span class="text-body-md" > 4:00 PM to 6:00 PM </span> </div> </div> </div> ❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38 ❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17 ❯ getByText node_modules/@testing-library/dom/dist/query-helpers.js:95:19 ❯ src/pages/dashboard/components/__tests__/RouteHeader.test.tsx:36:19

AssertionError: expected null to be truthy - Expected: null + Received: false ❯ src/pages/dashboard/components/__tests__/RouteHeader.test.tsx:68:44