How to screenshot QR code from page and click the QR code link?

[SimonasB88]

Hey, love this feature https://github.com/bahmutov/qrcode-example, it works really great! @bahmutov

But, for example, how to write a code, that screenshots QR code from the website, fixtures that screenshot, runs the QR decoder, and clicks the link?

How to remake a little?

/// <reference types="cypress" />

import { Decoder } from '@nuintun/qrcode'

it('decodes QR code from screenshots (remake)', () => {
  cy.visit('www.website.com')
  cy.get('.swiper-slide-active > .bg-overlay').screenshot('qrimage')
  cy.fixture('qrimage.png', 'base64')
    .then((base64) => `data:image/png;base64,${base64}`)
    .then((imageSrc) => {
      // https://www.npmjs.com/package/@nuintun/qrcode
      const qrcode = new Decoder()
      return qrcode.scan(imageSrc)
    })
    .its('data')
    .then(cy.log)
    .should('include', 'cypress.tips')
})

[SimonasB88]

OK, after hours of investigation, this guy made things good:
https://www.youtube.com/watch?v=Cxd0j88ipFQ