Compare Two Lists Of Elements Examples @gleb

Uploaded October 2023 | Updated September 2026, 1 week ago

Imagine we have two lists of LI elements on the page and want to confirm that the items:
- have the same exact text in the same order
- or have the same text regardless of the order
- or one list is a subset of another list
- or lists load dynamically
This video shows and explains how to write Cypress tests in each case. Find the source code and lots more examples at glebbahmutov.com/cypress-examples

Test Element Overflow Using A Custom Cypress Chai Assertion

Get All Elements Without The Given HTML Attribute

Custom Should Read Assertion From Cypress-map Plugin

Compare Text In An Element Against Several Possible Values Using oneOf Assertion

Test CSS Property :user-invalid Using Cypress E2E Test

$The Text Of Each Element Starts With The Given String Lets confirm the search results when searching for text mi all start with this text (ignoring the case) cy.get([name=state]).type(mi) cy.get(#search-results li) .should(exist) .each(function ($li, k) { const text = $li.text() expect(text, `state ${k + 1}`).to.match(/^mi/i) }) Find this example at https://glebbahmutov.com/cypress-examples/$