TestingLibraryElementError: Found multiple elements by: [data-testid="header"] Here are the matching elements: Ignored nodes: comments, script, style <nav class="navbar navbar-expand-md navbar-light" data-testid="header" > <div aria-level="1" class="flex-row container-fluid" role="heading" > <div class="flex-row flex-grow-1 navbar-nav" > <div class="flex-row navbar-nav" > <div class="me-1 my-2 nav-item" > <button aria-label="go to older budget" class="btn btn-go-button" disabled="" type="button" > <svg aria-hidden="true" fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 16 16" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8" fill-rule="evenodd" /> </svg> </button> </div> <div class="m-2 nav-item" > <button aria-label="go to newer budget" class="btn btn-go-button" type="button" > <svg aria-hidden="true" fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 16 16" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8" fill-rule="evenodd" /> </svg> </button> </div> <div class="m-2 me-3 nav-item" > <input aria-label="budget name" class="form-control" id="budget-name" maxlength="25" style="min-width: 12ch;" type="text" value="2023-03" /> <div class="invalid-tooltip" > This name is already used by another budget. </div> </div> </div> <div class="flex-grow-1 navbar-nav" > <button aria-controls="offcanvasNavbar-expand-md" aria-label="Toggle navigation" class="ms-auto ms-2 my-2 navbar-toggler collapsed" type="button" > <span class="navbar-toggler-icon" /> </button> </div> </div> <div class="offcanvas offcanvas-end" id="offcanvasNavbar-expand-md" > <div class="offcanvas-header" style="justify-content: space-between;" > <div class="offcanvas-title h5" id="offcanvasNavbarLabel-expand-md" > 2023-03 </div> <button aria-label="close navigation" class="btn btn-outline-secondary" type="button" > <svg aria-hidden="true" fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 16 16" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z" /> </svg> </button> </div> <div class="justify-content-end offcanvas-body" > <div class="navbar-nav" > <div class="m-2 navbar-nav" > <div class="r