Failing test using jest on import { PDFDownloadLink }

Describe the bug I am using PDFDownloadLink to create a PDF and download it when I click on a button. Everything is working fine, except when I run my tests using jest. I haven’t implemented any test on the PDF component itself, jest is blocked on the following import:

ReferenceError: _a is not defined
import { PDFDownloadLink } from '@react-pdf/renderer'

Thank you in advance for your time!

Expected behavior Pass the tests while importing PDFDownloadLink.

Screenshots

Desktop:

• OS: MacOS
• Browser: chrome
• React-pdf version: 1.6.4

[Sustenance]

So this doesn’t necessarily fix this issue, but if your Jest tests are failing after adding the PDFDownloadLink to your component, you can mock it out to keep everything working. If you strictly want your tests to keep working, just do something like this:

jest.mock('@react-pdf/renderer', () => ({
  PDFDownloadLink: jest.fn(() => null),
}));

and if you care about testing the children that are being passed into the PDFDownloadLink, you can still render them with something like this:

jest.mock('@react-pdf/renderer', () => ({
  PDFDownloadLink: function PDFDownloadLink({ children }) {
    return <>{children({})}</>;
  },
}));

Just mock everything until it passes 😅

[aaron-origin]

I also have a similar issue with testing this using Jest/React-Testing-Library. Below is the Error I receive.

console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
    Error: Uncaught [Error: PDFDownloadLink is a web specific API. Or you're either using this component on Node, or your bundler is not loading react-pdf from the appropiate web build.]