jest-image-snapshot VS prop-types

You can give a try about visual testing. I think about Cypress components and Cypress Image snapshot or Jest Image snapshot (not DOM testing)

puppeteer + jest-image-snapshot

A combination of https://github.com/americanexpress/jest-image-snapshot and whichever of https://www.npmjs.com/search?q=keywords:pdf%20to%20png renders your PDF the best should work.

We liked matcher functionality provided by jest-image-snapshot, so we just took this solution and adopted for jasmine and Karma.

Github repository of Jest-image-snapshot: https://github.com/americanexpress/jest-image-snapshot

Snapshot testing itself is a built-in feature of Jest, and when searching specifically for image snapshots, you'll quickly find jest-image-snapshot, which does great work comparing and updating image snapshots. It also provides convenience features like a base64 diff output, which allows us to view the diff from a CI environment (since the diff image file cannot be saved or viewed).

Prop-Types

Type Checking: prop-types. tutorial

I am trying to use https://github.com/facebook/prop-types

Unlike the React ecosystem’s PropTypes, the type subproperty doesn’t do runtime type validation. Instead, it acts as an automatic type converter.

I have shown you the basics on how to get started and with this we have covered the basics and a little bit of intermediate stuffs. There is more to this and you can go through the documentation

Alternative way is to use prop-types package for it. It allows to pass a function that in your case would display console warning. Check deprecated-prop-type package as an example(or use it if it covers your needs)