{"id":28067,"date":"2025-02-03T12:09:48","date_gmt":"2025-02-03T11:09:48","guid":{"rendered":"https:\/\/www.angulararchitects.io\/?page_id=28067"},"modified":"2025-05-23T15:42:13","modified_gmt":"2025-05-23T13:42:13","slug":"future-proof-angular-testing","status":"publish","type":"page","link":"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/","title":{"rendered":"Future-proof Angular Testing"},"content":{"rendered":"  \n<div class=\"hero\">\n  <div class=\"hero-ow\">\n    <div class=\"hero-iw\">\n      <div class=\"hero-image-spacer\">\n                <div data-responsive-background-image style=\"\" class=\"hero-image\n            image-position-vertical-desktop-center\n            image-position-horizontal-desktop-right\n            image-position-vertical-tablet-center\n            image-position-horizontal-tablet-right\n            image-position-vertical-mobile-center\n            image-position-horizontal-mobile-right\" fetchPriority=\"high\">\n\n          <img decoding=\"async\" alt=\"\" rel=\"preload\" fetchPriority=\"high\" class=\"responsive-background-image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMedia-176-scaled.jpg\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMedia-176-scaled.jpg 2560w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMedia-176-300x200.jpg 300w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMedia-176-1024x683.jpg 1024w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMedia-176-768x512.jpg 768w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMedia-176-1536x1024.jpg 1536w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMedia-176-2048x1365.jpg 2048w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMedia-176-600x400.jpg 600w\">\n        <\/div>\n      <\/div>\n      <div class=\"hero-box-spacer\">\n        <div class=\"hero-box-dummy-top\"><\/div>\n        <div class=\"hero-box-wrapper\" style=\"background-color: #cd0f41;\">\n          <div class=\"hero-box\">\n                          <div class=\"hero-hashtag\">#webinar<\/div>\n                                      <h1 class=\"hero-heading\">Webinar: Future-proof Angular Testing<\/h1>\n                                      <div class=\"hero-body-text\">Webinar with Rainer Hahnekamp<\/div>\n                                  <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"hero-box-dummy-bottom-desktop\" style=\"background-color: #cd0f41;\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n  \n\n  \n\n  \n<div class=\"cta-default cta  has-background has-light-red-background-color\"\">\n  <div class=\"cta-default-ow\">\n    <div class=\"cta-default-iw  \">\n      <div class=\"cta-text-content\">\n                \n        \n        <div class=\"cta-text has-text-color has-full-white-color\"><h3>Feb 10, 2025, 18:00 to 19:30 CET (Vienna, Berlin, &#8230;)<\/h3>\n<\/div>        \n        <a class=\"button is-style-pink\" href=\"&#x23;register\" target=\"_self\">Subscribe now!<\/a>        \n              <\/div>\n      \n          <\/div>\n  <\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignfull size-large logo-row\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"145\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\" alt=\"\" class=\"wp-image-30011\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png 1024w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-300x43.png 300w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-768x109.png 768w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1536x218.png 1536w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-2048x290.png 2048w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-600x85.png 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n  \n\n\n<div class=\"image-html-content pe\">\n  <div class=\"image-html-content-ow pe-ow\">\n    <div class=\"image-html-content-iw pe-iw   no-padding-bottom\">\n              <div class=\"image-part \">\n          <img decoding=\"async\" class=\"image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMeetup-181.jpg\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMeetup-181.jpg 2500w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMeetup-181-300x200.jpg 300w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMeetup-181-1024x683.jpg 1024w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMeetup-181-768x512.jpg 768w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMeetup-181-1536x1024.jpg 1536w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMeetup-181-2048x1366.jpg 2048w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/AngularMeetup-181-600x400.jpg 600w\" alt=\"\" style=\"max-width: px;\"\/>\n        <\/div>\n            <div class=\"html-part\">\n        <p>This webinar will focus on what you need to know to prepare your test suites for Angular\u2019s zoneless mode. Since testing functions like waitForAsync and fakeAsync rely on zone.js to track asynchronous tasks, I\u2019ll discuss alternative approaches in Jest but also Jasmine.<\/p>\n<p>In addition, I\u2019ll provide an update on the Playwright Component Tester for Angular and the current integration of Vitest.<\/p>\n<p>This session is designed to be interactive, so bring your questions.<\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n  \n\n\n<div class=\"image-html-content pe\">\n  <div class=\"image-html-content-ow pe-ow\">\n    <div class=\"image-html-content-iw pe-iw   no-padding-bottom\">\n            <div class=\"html-part\">\n        <h2>What will I learn?<\/h2>\n<p>\u2705 The current role of <strong>waitForAsync<\/strong> and <strong>fakeAsync<\/strong> in Angular testing.<br \/>\n\u2705 Understanding the <strong>importance<\/strong> of a ComponentFixture\u2019s <strong>whenStable<\/strong> method.<br \/>\n\u2705 Exploring the native possibilities of Jasmine and Jest for <strong>zoneless testing.<\/strong><\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n  \n\n\n<div class=\"image-html-content pe\">\n  <div class=\"image-html-content-ow pe-ow\">\n    <div class=\"image-html-content-iw pe-iw   \">\n            <div class=\"html-part\">\n        <h2>What do I get?<\/h2>\n<p>\u2611\ufe0f Participation in the webinar<br \/>\n\u2611\ufe0f Opportunity to ask questions<br \/>\n\u2611\ufe0f Recording of the webinar<br \/>\n\u2611\ufe0f All slides and examples<\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n  \n<div class=\"cta-newsletter\" style=\"background-color: #cd0f41; color: #FFFFFF;\">\n  <div class=\"cta-newsletter-ow\">\n    <div class=\"cta-newsletter-iw \">\n                                      \n        \n\n  <h2 id=\"register\" class=\"heading cta-heading  \">Sign up now and join the webinar!<\/h2>\n\n            <div class=\"cta-text\">Sign up for our newsletter now and get your free webinar access! You can unsubscribe at any time!\r\n\r\n<script src=\"\/custom\/subscribe-mc.js\"><\/script>\r\n<div id=\"campaign\" campaign-id=\"36\" campaign-lang=\"en\"><\/div>\r\n<\/div>\n      <div class=\"cta-form\">\n        <div class=\"cta-form\">\n                      \n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":25,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":""},"class_list":["post-28067","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Future-proof Angular Testing - ANGULARarchitects<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Future-proof Angular Testing - ANGULARarchitects\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/\" \/>\n<meta property=\"og:site_name\" content=\"ANGULARarchitects\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-23T13:42:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/webinar_rainer.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/webinar_rainer.jpg\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/\",\"name\":\"Future-proof Angular Testing - ANGULARarchitects\",\"isPartOf\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\",\"datePublished\":\"2025-02-03T11:09:48+00:00\",\"dateModified\":\"2025-05-23T13:42:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/#primaryimage\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.angulararchitects.io\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Future-proof Angular Testing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"name\":\"ANGULARarchitects\",\"description\":\"AngularArchitects.io\",\"publisher\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\",\"name\":\"ANGULARarchitects\",\"alternateName\":\"SOFTWAREarchitects\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"width\":644,\"height\":216,\"caption\":\"ANGULARarchitects\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/github.com\/angular-architects\",\"https:\/\/www.linkedin.com\/company\/angular-architects\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Future-proof Angular Testing - ANGULARarchitects","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/","og_locale":"en_US","og_type":"article","og_title":"Future-proof Angular Testing - ANGULARarchitects","og_url":"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/","og_site_name":"ANGULARarchitects","article_modified_time":"2025-05-23T13:42:13+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/webinar_rainer.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/02\/webinar_rainer.jpg","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/","url":"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/","name":"Future-proof Angular Testing - ANGULARarchitects","isPartOf":{"@id":"https:\/\/www.angulararchitects.io\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/#primaryimage"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/#primaryimage"},"thumbnailUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png","datePublished":"2025-02-03T11:09:48+00:00","dateModified":"2025-05-23T13:42:13+00:00","breadcrumb":{"@id":"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/#primaryimage","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.angulararchitects.io\/en\/future-proof-angular-testing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.angulararchitects.io\/en\/"},{"@type":"ListItem","position":2,"name":"Future-proof Angular Testing"}]},{"@type":"WebSite","@id":"https:\/\/www.angulararchitects.io\/en\/#website","url":"https:\/\/www.angulararchitects.io\/en\/","name":"ANGULARarchitects","description":"AngularArchitects.io","publisher":{"@id":"https:\/\/www.angulararchitects.io\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.angulararchitects.io\/en\/#organization","name":"ANGULARarchitects","alternateName":"SOFTWAREarchitects","url":"https:\/\/www.angulararchitects.io\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","width":644,"height":216,"caption":"ANGULARarchitects"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/github.com\/angular-architects","https:\/\/www.linkedin.com\/company\/angular-architects\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/28067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/comments?post=28067"}],"version-history":[{"count":5,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/28067\/revisions"}],"predecessor-version":[{"id":30294,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/28067\/revisions\/30294"}],"wp:attachment":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/media?parent=28067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}