A walkthrough on how to mock local storage in Jest tests, as well as how to clear storage in jest tests. Example included.
Adding Google AdSense to a Gatsby Website. Lazy load the Google AdSense script to keep site speed fast. Examples and walk through in article.
Solution for testing that images have rendered in React using Jest. And how to test an image alt and src in jest using React. Including example code.
How to mock a React component in a jest unit test. Example of how to mock a default or named component using React Testing Library.
Examples of how to use within in Jest and React Testing Library to target a specific section of the component. Restrict Jest queries to a particular element. Inside the context of a DOM node.
Using React MUI DatePicker dynamically lazy load date-fns locale files for localization. Reduce page size, speed up load time. Full working example and how to solution. Import locale files from date-fns.
Solution to using WordPress shortcodes in Gatsby. Replace WordPress shortcode with React Component in Gatsby simply. No MDX needed.
Solution for error 'RangeError: timeZone is not supported.' when unit testing Intl API. Caused by Node not supporting time zones
Use SFTP to deploy a Gatsby Site onto hosting easily. A solution to automatically deploy Gatsby public folder to a server with SFTP.