expected [] to deeply equal [ 4 ] Ignored nodes: comments, script, style <html> <head> <title> Event Catalog </title> </head> <body> <div> <h1> Event Catalog </h1> <ul class="nav nav-tabs mb-3" > <li class="nav-item" > <a aria-current="page" class="nav-link active" data-discover="true" href="/events" > List view </a> </li> <li class="nav-item" > <a class="nav-link" data-discover="true" href="/events/table" > Table view </a> </li> </ul> <div class="mb-2" > <div class="d-flex flex-column flex-sm-row mt-4" > <div class="d-flex flex-row" > <div> <button class="btn btn-link dropdown-toggle" type="button" > All event types </button> </div> <div> <button class="btn btn-link dropdown-toggle" type="button" > Sort by title </button> </div> </div> <div class="ms-2 flex-grow-1" > <div> <label class="form-label visually-hidden" for="_r_1i_" > Search </label> <div class="input-group" > <input class="form-control search-input-control" id="_r_1i_" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;" type="search" value="" /> <span class="input-group-text search-input-addon" > <i class="bi-search" /> </span> </div> </div> </div> </div> </div> <div class="text-center mt-5 custom-loading-indicator" style="opacity: 0; visibility: hidden;" > <div class="spinner-border" role="status" /> <span class="visually-hidden" > Loading... </span> </div> <div class="card mb-4" > <div class="card-header" > <div class="event-card-header" > <div class="float-end text-end ms-1" > <div class="lead" > Unscheduled </div> <div class="mt-1 d-flex align-items-end justify-content-end" /> </div> <div> <h4 class="m-0 d-inline event-card-event-title _eventCardEventTitle_b041fb" > <a data-discover="true" href="/events/1-alpha" > Alpha </a> </h4> <span class="lead text-muted" > Tabletop RPG </span> <div class="d-flex flex-wrap mt-1" /> </div> </div> </div> <div class="card-body" > <p> A fine game </p> </div> </div> </div> <div> <div aria-hidden="true" class="modal fade" role="dialog" style="display: none; z-index: 1041;" tabindex="-1" > <div class="modal-dialog" role="document" > <div class="modal-content" > <div class="modal-header" > <h5 class="modal-title" > Confirmation </h5> </div> <div class="modal-body" > <div /> </div> <div class="modal-footer" > <button class="btn btn-secondary" type="button" > Cancel </button> <button class="btn btn-primary" type="button" > OK </button> </div> </div> </div> </div> </div> <div class="dropdown-menu m-0 p-0" data-popper-escaped="true" data-popper-placement="bottom-start" data-popper-reference-hidden="true" style="position: fixed; left: 0px; top: 0px; right: auto; bottom: auto; transform: translate(0px, 2px);" > <div class="p-2" > <div> <div class="form-check" > <label class="form-check-label" for="_r_1g_" > <input checked="" class="form-check-input" id="_r_1g_" name="" type="checkbox" value="5" /> Larp </label> </div> <div class="form-check" > <label class="form-check-label" for="_r_1h_" > <input checked="" class="form-check-input" id="_r_1h_" name="" type="checkbox" value="4" /> Tabletop RPG </label> </div> </div> </div> <div class="bg-light" > <button class="btn btn-link btn-sm" type="button" > Select all </button> <button class="btn btn-link btn-sm" type="button" > Select none </button> </div> </div> <div class="dropdown-menu m-0" data-popper-escaped="true" data-popper-placement="bottom-start" data-popper-reference-hidden="true" style="position: fixed; left: 0px; top: 0px; right: auto; bottom: auto; transform: translate(0px, 2px);" > <button class="dropdown-item" type="button" > Title </button> <button class="dropdown-item" type="button" > Convention order </button> <button class="dropdown-item" type="button" > Order added (oldest first) </button> <button class="dropdown-item" type="button" > Order added (newest first) </button> </div> </body> </html>