{"tag":{"followersCount":121,"id":"56cfe81bfa28f5fe7f74d215","logo":"https://res.cloudinary.com/hashnode/image/upload/v1496389933/s2t8atgotu6wvjgojpn6.png","name":"Jest","postsCount":262,"slug":"jest","tagline":null,"info":{"html":"

Jest is used by Facebook to test all JavaScript code including React applications. One of Jest's philosophies is to provide an integrated "zero-configuration" experience. Know more

\n","__typename":"Content"},"trending":{"edges":[{"node":{"id":"61662f1018374f2573276e63","_id":"61662f1018374f2573276e63","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1634084254921/2EXgue-sW.png","__typename":"PostCoverImage"},"slug":"getting-started-with-jest-unit-testing","readTime":6,"replyCount":8,"responseCount":9,"brief":"A common case among beginners is spending so much time trying to understand why the code is not working the way it is expected to work, and for that reason they get stuck in the development of their projects. This usually happens because there's neve...","subtitle":"Knowing how to test code is an important skill developers must have given the advantages it provides.","isFeatured":true,"contributors":[{"_id":"54b81b232807bee71445ebba","name":"Sandeep Panda Test","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671192987560/FTYFMtukk.jpeg","username":"sandeep","__typename":"User"},{"_id":"5a97ab2a0430f87244d3d7ba","name":"Avinash Dalvi","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1659593456911/f2pQVG_ez.png","username":"AvinashDalvi","__typename":"User"},{"_id":"5f4d36745cde85738158c193","name":"Ayodele Samuel Adebayo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","username":"unclebigbay","__typename":"User"},{"_id":"60b1a3f99b1e2e1dccbcdb7f","name":"Sumudu Siriwardana","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1675055951167/-fqUeNtsT.png","username":"sumudusiriwardana","__typename":"User"},{"_id":"61289c9571cb04254f06ef7a","name":"Hari","photo":"","username":"imateapot","__typename":"User"},{"_id":"61336c3d92d0321a999920b8","name":"Daryl Aranha","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1633964885879/cEEm63sqE.jpeg","username":"DarylAranha","__typename":"User"},{"_id":"6150f3b094bb297e1aad8e8e","name":"Dev Eloper","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1632695599585/ntwVJyYrb.png","username":"youngDev","__typename":"User"}],"bookmarked":false,"views":1085,"url":"https://juansebastian.hashnode.net/getting-started-with-jest-unit-testing","totalReactions":135,"title":"Getting Started with Jest + Unit Testing","dateAdded":"2021-10-13T00:57:52.777Z","cuid":"ckuot0idr133aebs184c7hhsg","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"6108328967f3446d98903d79","name":"Juan Sebastián Mendoza","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627927840336/M_bp9riSv.png","isPro":false,"username":"JuanMendozaDev","__typename":"User"},"series":null,"tags":[{"_id":"56744723958ef13879b9549b","logo":"https://res.cloudinary.com/hashnode/image/upload/v1450619295/xszq3zb8t6rmgg6regon.png","name":"Testing","slug":"testing","__typename":"Tag"},{"_id":"56cfe81bfa28f5fe7f74d215","logo":"https://res.cloudinary.com/hashnode/image/upload/v1496389933/s2t8atgotu6wvjgojpn6.png","name":"Jest","slug":"jest","__typename":"Tag"},{"_id":"56744721958ef13879b94ac4","logo":null,"name":"unit testing","slug":"unit-testing","__typename":"Tag"},{"_id":"56744721958ef13879b94cad","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","name":"JavaScript","slug":"javascript","__typename":"Tag"}],"publication":{"_id":"6108341f67f3446d98903dc2","url":"https://juansebastian.hashnode.net","canonicalURL":"https://juansebastian.hashnode.net","title":"Juan Mendoza's Blog","displayTitle":null,"isHeadless":false,"favicon":null,"headerColor":"","metaTags":"","isTeam":false,"domainInfo":{"hashnodeSubdomain":"juansebastian","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"61673e6f18374f25732780d0","author":{"_id":"54b81b232807bee71445ebba","name":"Sandeep Panda Test","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671192987560/FTYFMtukk.jpeg","isPro":false,"username":"sandeep","__typename":"User"},"content":{"html":"

Very well written! I just tagged it with JavaScript so that it gets more visibility in our community. Well done! :)

\n","markdown":"Very well written! I just tagged it with JavaScript so that it gets more visibility in our community. Well done! :)","text":"Very well written! I just tagged it with JavaScript so that it gets more visibility in our community. Well done! :)\n","__typename":"Content"},"dateAdded":"2021-10-13T20:15:43.839Z","stamp":"ckupydihq1bz9ebs12chw6clg","totalReactions":6,"__typename":"Comment"},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":true,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"},{"node":{"id":"62800e180094f2f13f514cec","_id":"62800e180094f2f13f514cec","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/elHKkgom1VU/upload/9e2ef8ecccfbab116f84260105f200cc.jpeg","__typename":"PostCoverImage"},"slug":"a-beginners-guide-to-testing-react-applications-with-react-testing-library-and-jest","readTime":20,"replyCount":2,"responseCount":6,"brief":"As software developers, it is critical to lower the chances of our program failing by running tests with the end-user in mind and testing your application the same way they would use it.\nIt's impractical to expect an application's components to work ...","subtitle":"","isFeatured":false,"contributors":[{"_id":"5d836af296a20d81186b5fc8","name":"Olubisi Idris Ayinde","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1634512776595/ZsSMjqPor.png","username":"olanetsoft","__typename":"User"},{"_id":"5dd7a092b1d6818f010312a0","name":"Divine Orji","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1673661759953/NUbxPTXKQ.jpg","username":"dpkreativ","__typename":"User"},{"_id":"5fd25b061b71d6573621a82c","name":"Wisdom Osara","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607621382927/QrVKEtgLE.jpeg","username":"Ikhuoria2","__typename":"User"},{"_id":"5fdbafe8b78ac62dff80a3d9","name":"Gideon Idoko","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1676959824918/_OmEVpVZo.jpeg","username":"IamGideonIdoko","__typename":"User"},{"_id":"60a202e623723215ec2fe64e","name":"Cess","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1624313204151/zUFOG3_3G.jpeg","username":"Cesscode","__typename":"User"},{"_id":"6279128a076291997b764f88","name":"Elvis Peter","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1653141853380/50YuzB2w7.jpg","username":"Blockchainbee","__typename":"User"}],"bookmarked":false,"views":1731,"url":"https://giftea.hashnode.net/a-beginners-guide-to-testing-react-applications-with-react-testing-library-and-jest","totalReactions":99,"title":"A Beginner's Guide to Testing React Applications with React Testing Library and Jest","dateAdded":"2022-05-14T20:16:24.430Z","cuid":"cl36b6ul401k4mgnv7m4cdc1k","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"5ff39256fc8177134fbb4546","name":"Giftea","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655479732917/p1nh5IHEk.jpeg","isPro":false,"username":"Giftea","__typename":"User"},"series":null,"tags":[{"_id":"625d874457bc36111520217f","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1650297013694/Kk54rpAUh.png","name":"THW Web Apps","slug":"thw-web-apps","__typename":"Tag"},{"_id":"607e6751eb2bd30d2d22a556","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1618896704282/9Z3cbqhmn.png","name":"Testing Library","slug":"testing-library","__typename":"Tag"},{"_id":"56744721958ef13879b94898","logo":"https://res.cloudinary.com/hashnode/image/upload/v1502441836/zcgicxrtkoquz67dlkgs.png","name":"TDD (Test-driven development)","slug":"tdd","__typename":"Tag"},{"_id":"56744723958ef13879b95434","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513321478077/ByCWNxZMf.png","name":"React","slug":"reactjs","__typename":"Tag"},{"_id":"56cfe81bfa28f5fe7f74d215","logo":"https://res.cloudinary.com/hashnode/image/upload/v1496389933/s2t8atgotu6wvjgojpn6.png","name":"Jest","slug":"jest","__typename":"Tag"}],"publication":{"_id":"5ff3929be8e57e1374e68120","url":"https://giftea.hashnode.net","canonicalURL":"https://giftea.hashnode.net","title":"Giftea","displayTitle":"Giftea's Blog","isHeadless":false,"favicon":null,"headerColor":"#b4d1cb","metaTags":null,"isTeam":false,"domainInfo":{"hashnodeSubdomain":"giftea","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"62801a610094f2f13f514de5","author":{"_id":"5fd25b061b71d6573621a82c","name":"Wisdom Osara","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607621382927/QrVKEtgLE.jpeg","isPro":false,"username":"Ikhuoria2","__typename":"User"},"content":{"html":"

Great....

Thanks for this..

\n","markdown":"Great....\n\nThanks for this..","text":"Great....\nThanks for this..\n","__typename":"Content"},"dateAdded":"2022-05-14T21:08:49.542Z","stamp":"cl36d28lh01opmgnvhp8l5gwz","totalReactions":2,"__typename":"Comment"},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":true,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"},{"node":{"id":"610c96e2b79d6a113667e8bb","_id":"610c96e2b79d6a113667e8bb","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1628198241383/A07KAVTUA.png","__typename":"PostCoverImage"},"slug":"setting-up-a-nextjs-application-with-typescript-jit-tailwind-css-and-jestreact-testing-library","readTime":9,"replyCount":2,"responseCount":5,"brief":"A few weeks ago, I tweeted about how frustrating of an experience is to set up a Next.js project that includes TypeScript as well as a working testing framework.\nhttps://twitter.com/antonio_lofiego/status/1412102191528153092\nI tend to use create-next...","subtitle":"How I finally put together my ultimate web dev template after weeks of pain and Googling","isFeatured":true,"contributors":[{"_id":"54b81b232807bee71445ebba","name":"Sandeep Panda Test","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671192987560/FTYFMtukk.jpeg","username":"sandeep","__typename":"User"},{"_id":"5e74fe3dbc8844135ba54435","name":"James Q Quick","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1584725566758/W2boEyqqw.png","username":"jamesqquick","__typename":"User"},{"_id":"607382cd1494367be6d2b5a6","name":"Hans","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1618182861974/t1dwV2N3Q.jpeg","username":"hanspoo","__typename":"User"},{"_id":"60fb550218fbbb77c9464715","name":"Jorge Zozaya","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627084035894/aQXCAzExY.png","username":"yozozaya","__typename":"User"},{"_id":"6118c780ac5c985f36434b52","name":"John B","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1629013888763/vmS2HAmAq.png","username":"wbjohn","__typename":"User"}],"bookmarked":false,"views":7786,"url":"https://antoniolofiego.hashnode.net/setting-up-a-nextjs-application-with-typescript-jit-tailwind-css-and-jestreact-testing-library","totalReactions":77,"title":"Setting up a Next.js Application with TypeScript, JIT Tailwind CSS and Jest/react-testing-library","dateAdded":"2021-08-06T01:56:50.757Z","cuid":"ckrzp6ey40561ees1dlk018o1","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"5f24926b669da9610ee17238","name":"Antonio Lo Fiego (He/Him)","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1628256565900/k35ugnxc4.jpeg","isPro":false,"username":"antoniolofiego","__typename":"User"},"series":null,"tags":[{"_id":"584879f0c0aaf085e2012086","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1651122498709/FQjch0sgd.png","name":"Next.js","slug":"nextjs","__typename":"Tag"},{"_id":"56744723958ef13879b954e0","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607081795383/tEjUv8e8s.png","name":"TypeScript","slug":"typescript","__typename":"Tag"},{"_id":"5f4ebbb150b5c61ec6ef4ad2","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607093541067/JnBZUjK8b.png","name":"Tailwind CSS","slug":"tailwind-css","__typename":"Tag"},{"_id":"56cfe81bfa28f5fe7f74d215","logo":"https://res.cloudinary.com/hashnode/image/upload/v1496389933/s2t8atgotu6wvjgojpn6.png","name":"Jest","slug":"jest","__typename":"Tag"},{"_id":"56744723958ef13879b95434","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513321478077/ByCWNxZMf.png","name":"React","slug":"reactjs","__typename":"Tag"}],"publication":{"_id":"5f249372669da9610ee17243","url":"https://antoniolofiego.hashnode.net","canonicalURL":"https://antoniolofiego.hashnode.net","title":"Antonio Lo Fiego","displayTitle":"Cloudy with a Chance of Software - Antonio Lo Fiego's DevBlog","isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1596403542288/yDYLhI4Dm.png","headerColor":"#2b2d2f","metaTags":"","isTeam":false,"domainInfo":{"hashnodeSubdomain":"antoniolofiego","domain":{"host":"blog.antoniolofiego.com","ready":true,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"610f2a88528eff11aea8a735","author":{"_id":"5e74fe3dbc8844135ba54435","name":"James Q Quick","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1584725566758/W2boEyqqw.png","isPro":false,"username":"jamesqquick","__typename":"User"},"content":{"html":"

Great overview. Thanks!

\n","markdown":"Great overview. Thanks!","text":"Great overview. Thanks!\n","__typename":"Content"},"dateAdded":"2021-08-08T00:51:20.330Z","stamp":"cks2hpvgp0q5ohqs198gzgy2n","totalReactions":1,"__typename":"Comment"},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":true,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"}],"__typename":"FeedPostConnection"},"__typename":"Tag"}}

Getting Started with Jest + Unit Testing

A Beginner's Guide to Testing React Applications with React Testing Library and Jest

Setting up a Next.js Application with TypeScript, JIT Tailwind CSS and Jest/react-testing-library

How to unit test your React App

Angular directive testing

Building a Multi-currency Portfolio with Javascript and Test Driven Development

How to Test Props in React with Jest

Angular pipe testing

Angular with Jest setup

Code coverage

Easy and Effective: Testing React Hooks with GraphQL Made Simple

Getting started testing with Jest

Mock the aws-sdk using jest