cypress - qrcode reader

commands.js

import { BrowserMultiFormatReader } from '@zxing/browser';

const reader = new BrowserMultiFormatReader();

Cypress.Commands.add('readCode', { prevSubject: true }, (subject) => {
  const img = subject[0];
  const image = new Image();
  image.width = img.width;
  image.height = img.height;
  image.src = img.src;
  image.crossOrigin = 'Anonymous';
  return reader.decodeFromImageElement(image);
});

qrcode.spec.js

describe('QR Code', () => {
  it('can read barcode with zxing-js', () => {
    cy.visit('./qrcode.html');
    cy.get('[data-testid="barcode"]')
      .readCode()
      .should('have.property', 'text', 'https://medium.com/@nottyo');
  });

  it('can read qrcode with zxing-js', () => {
    cy.visit('./qrcode.html');
    cy.get('[data-testid="qr-code-img"]')
      .readCode()
      .should('have.property', 'text', 'https://www.cypress.io');
  });
});