Testing Trophy<\/a> were significant influences in my thinking for this article.<\/p>\n","protected":false},"excerpt":{"rendered":"Every now and then, a debate flares up about the value of typed JavaScript. “Just write more tests!” yell some opponents. “Replace unit tests with types!” scream others. Both are right in some ways, and wrong in others. Twitter affords little room for nuance. But in the space of this article we can try to […]<\/p>\n","protected":false},"author":257132,"featured_media":292360,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[4],"tags":[2228,529],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/07\/types-tests.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[{"id":341342,"url":"https:\/\/css-tricks.com\/front-end-testing-is-for-everyone\/","url_meta":{"origin":292281,"position":0},"title":"Front-End Testing is For Everyone","date":"June 1, 2021","format":false,"excerpt":"Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I\u2019m here to tell you that front-end testing is for everyone. In fact, there are many types of tests and perhaps that is where\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/05\/24gR1Ckg.png?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":316110,"url":"https:\/\/css-tricks.com\/links-on-performance-ii\/","url_meta":{"origin":292281,"position":1},"title":"Links on Performance II","date":"July 2, 2020","format":false,"excerpt":"Just had a couple of good performance links burning a hole in my pocket, so blogging them like a good little blogger. Web Performance Recipes With Puppeteer Puppeteer is an Node library for spinning up a copy of Chrome \"headlessly\" (i.e. no UI) and controlling it. People use it for\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/08\/website-lightning.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":307242,"url":"https:\/\/css-tricks.com\/react-integration-testing-greater-coverage-fewer-tests\/","url_meta":{"origin":292281,"position":2},"title":"React Integration Testing: Greater Coverage, Fewer Tests","date":"May 1, 2020","format":false,"excerpt":"Integration tests are a natural fit for interactive websites, like ones you might build with React. They validate how a user interacts with your app without the overhead of end-to-end testing.\u00a0 This article follows an exercise that starts with a simple website, validates behavior with unit and integration tests, and\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/04\/end-to-end-testing.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":301886,"url":"https:\/\/css-tricks.com\/netlify-high-fives\/","url_meta":{"origin":292281,"position":3},"title":"Netlify High-Fives","date":"January 14, 2020","format":false,"excerpt":"We've got Netlify as a sponsor around here again this year, which is just fantastic. Big fan. Our own Sarah Drasner is Head of DX (Developer Experience) over there, if you hadn't heard. And if you haven't heard of Netlify, well, you're in for a treat. It's a web host,\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/10\/netlify-tiers.png?fit=1200%2C720&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":353842,"url":"https:\/\/css-tricks.com\/testing-vue-components-with-cypress\/","url_meta":{"origin":292281,"position":4},"title":"Testing Vue Components With Cypress","date":"October 27, 2021","format":false,"excerpt":"Cypress is an automated test runner for browser-based applications and pages. I\u2019ve used it for years to write end-to-end tests for web projects, and was happy to see recently that individual component testing had come to Cypress. I work on a large enterprise Vue application, and we already use Cypress\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/10\/vue-cypress-testing-assembly-line.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":298727,"url":"https:\/\/css-tricks.com\/how-we-perform-frontend-testing-on-stackpaths-customer-portal\/","url_meta":{"origin":292281,"position":5},"title":"How We Perform Frontend Testing on StackPath\u2019s Customer Portal","date":"November 15, 2019","format":false,"excerpt":"Nice post from Thomas Ladd about how their front-end team does testing. The list feels like a nice place to be: TypeScript - A language, but you're essentially getting various testing for free (passing the right arguments and types of variables) Jest - Unit tests. JavaScript functions are doing the\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/11\/end-to-end-squiggle.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/07\/types-tests.png?fit=1024%2C512&ssl=1","_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/292281"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/257132"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=292281"}],"version-history":[{"count":4,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/292281\/revisions"}],"predecessor-version":[{"id":292316,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/292281\/revisions\/292316"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/292360"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=292281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=292281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=292281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}