Cypress - counting the number of elements on a page

Zain — Wed, 22 Jun 2022 16:22:12 +0000

A scenario you may face is when you want to count how many of a certain element is on a page when using cypress. There is a simple solution for this, especially if you use data-cy in your code to ease testing.

the command: cy.get('[data-cy="element"').should('have.length', 2); should get you the number of a certain element on a page.

If you do not use data-cy's, then finding by class should work: cy.get('class_name').should('have.length', 2);. Furthermore, if you want to find the number of elements in a table, you can do cy.get('table_name').find('tr').should('have.length', 2);

A more advanced way of finding elements can be done by this method: cy.get('item:visible:contains("text")').should('have.length, 2); where you are using contains to find all the items with a certain text you want. The visible flag has to be used as contains can only find visible DOM elements.

Also, remember, you can simplify, without having to use cy.get() each time, especially if running multiple tests by declaring your items in a file and importing them into your test file as shown below.

const page = {
   item: () => cy.get('item'),
};

module.exports = page;

Then you can run page.item().should('have.length', 2); which can be considered better practice.

More information at https://docs.cypress.io/guides/references/assertions#Common-Assertions

Solve UK time changes (DST) with NodeJS and date-fns and Docker (epoch/unix format)

Zain — Tue, 21 Jun 2022 20:37:23 +0000

DST time changes can wreck havoc when in the UK time-zone, where you'll find your times might be one hour behind, especially when using epoch/unix format to save your timestamps.

When using NodeJS with date-fns in a docker container, this simple guide will show how to fix the issue.

new Date(); might return a time in GMT as compared to DST. Furthermore, using getUnixTime() from date-fns will return an epoch timestamp which will be in GMT. Converting this back to BST may present a challenge.

const { getUnixTime, format } = require("date-fns");

const date = new Date();
console.log('new Date() print',date, '\n');

const unixTime = getUnixTime(date);

const formatted = format(new Date(unixTime * 1000), 'h:mm aa', {
    timeZone: 'Europe/London',
});
console.log('formatted timestamp with timezone', formatted);

Running the above code will give you a timestamp which takes DST into account for correct BST as shown by this screenshot from terminal.

You may be wondering about the unixTime * 1000. This is because date-fns getUnixTime() gives a unix timestamp without milliseconds, and hence converts to seconds.

The date-fns format() function accepts a third parameter for time-zone which is why we have used { timeZone: 'Europe/London', }.

If running in a docker container and it still returns a GMT timestamp, then adding - TZ=Europe/London as part of the environment section of your docker-compose file will help solve the issue by setting the container time-zone to London. Example below:

test:
    build: ./test
    image: ....
    depends_on:
      - ....
    ports:
      - "1234:1234" # http
      - "1234:1234" # debug
    volumes:
      - ....
      - ....
      - ....
    environment:
      - PORT=....
      - TZ=Europe/London
    command: ....

DEV Community: Zain

Cypress - counting the number of elements on a page

Solve UK time changes (DST) with NodeJS and date-fns and Docker (epoch/unix format)