{"id":11570,"date":"2025-05-12T09:00:00","date_gmt":"2025-05-12T07:00:00","guid":{"rendered":"https:\/\/wata.es\/?p=11570"},"modified":"2026-02-05T10:20:42","modified_gmt":"2026-02-05T09:20:42","slug":"komponententests-in-cypress","status":"publish","type":"post","link":"https:\/\/wata.es\/de\/komponententests-in-cypress\/","title":{"rendered":"Komponententests in Cypress"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Das Komponententesting in Cypress erm\u00f6glicht es, einzelne Komponenten einer Anwendung isoliert zu testen, um sicherzustellen, dass sie korrekt funktionieren, bevor sie in das gesamte System integriert werden. Dies ist besonders n\u00fctzlich f\u00fcr Anwendungen, die mit Frameworks wie React, Angular oder Vue entwickelt wurden.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Was ist das Komponententesting in Cypress?<\/strong><\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Durch das Testen von Komponenten kann die Funktionalit\u00e4t kleiner Codeeinheiten \u00fcberpr\u00fcft werden, ohne dass sie von der Gesamtstruktur des Systems abh\u00e4ngig sind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dieser Testansatz ist besonders praktisch f\u00fcr Frontend-Entwicklung, da er es erm\u00f6glicht, gleichzeitig sowohl die visuelle Darstellung eines Komponenten als auch die dahinterliegende Logik zu testen \u2013 und das, ohne sich um die Integration mit dem Backend, REST-APIs oder Speichersysteme k\u00fcmmern zu m\u00fcssen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In der typischen Testpyramide, die zur Veranschaulichung verschiedener Testmethoden und deren Reichweite verwendet wird, befindet sich das Komponententesting in der Mitte \u2013 zwischen End-to-End-Tests (E2E) und Unit-Tests.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class=\"wpcp-wp-lightbox-host wpcp-advanced-image-lightbox-icon-hover\"><a class=\"wpcp-wp-lightbox-image-link\" href=\"https:\/\/wata.es\/wp-content\/uploads\/2025\/03\/Component-Testing-in-Cypress_1.png\" data-wpcp-wp-lb-image=\"1\"><img loading=\"lazy\" decoding=\"async\" width=\"945\" height=\"710\" src=\"https:\/\/wata.es\/wp-content\/uploads\/2025\/03\/Component-Testing-in-Cypress_1.png\" alt=\"Testpyramide mit Unittests unten, Komponententests in der Mitte, E2E-Tests oben\" class=\"wp-image-11561\" srcset=\"https:\/\/wata.es\/wp-content\/uploads\/2025\/03\/Component-Testing-in-Cypress_1.png 945w, https:\/\/wata.es\/wp-content\/uploads\/2025\/03\/Component-Testing-in-Cypress_1-300x225.png 300w, https:\/\/wata.es\/wp-content\/uploads\/2025\/03\/Component-Testing-in-Cypress_1-768x577.png 768w\" sizes=\"auto, (max-width: 945px) 100vw, 945px\" \/><\/a><a href=\"https:\/\/wata.es\/wp-content\/uploads\/2025\/03\/Component-Testing-in-Cypress_1.png\" data-fancybox=\"wpcp-wp-img-11562\" class=\"wpcp-lightbox-trigger wpcp-advanced-image-lightbox-icon wpcp-position-top-right wpcp-advanced-image-lightbox-icon-hover wpcp-global-lightbox-icon wpcp-lightbox-icon--global wpcp-lb-icon-style-default\" data-wpcp-lb-icon-source=\"global\" aria-label=\"Open image in lightbox\" data-thumb-src=\"https:\/\/wata.es\/wp-content\/uploads\/2025\/03\/Component-Testing-in-Cypress_1-300x225.png\" data-wpcp-lb-single=\"1\"><span class=\"wpcp-icon-container\"><svg viewBox=\"0 0 20 20\"><path d=\"M17.6585 16.025L14.2437 12.6198C15.1716 11.3338 15.6121 9.7613 15.4871 8.1819C15.362 6.60251 14.6795 5.11847 13.5607 3.99351C12.936 3.36206 12.1916 2.86066 11.3709 2.51845C10.5502 2.17623 9.66952 2 8.77995 2C7.89039 2 7.00969 2.17623 6.18899 2.51845C5.36829 2.86066 4.62395 3.36206 3.99919 3.99351C3.36594 4.61649 2.86312 5.35871 2.51992 6.17708C2.17673 6.99545 2 7.87365 2 8.76068C2 9.64772 2.17673 10.5259 2.51992 11.3443C2.86312 12.1627 3.36594 12.9049 3.99919 13.5279C5.11957 14.6901 6.62279 15.4103 8.23285 15.5562C9.84291 15.7022 11.4517 15.2641 12.7639 14.3224L16.1788 17.7275C16.3849 17.9034 16.6473 18 16.9186 18C17.1899 18 17.4523 17.9034 17.6585 17.7275C18.1138 17.16 18.1138 16.5925 17.6585 16.025ZM5.59278 12.0523C5.16258 11.6298 4.82094 11.1263 4.58774 10.5709C4.35455 10.0156 4.23446 9.41951 4.23446 8.81744C4.23446 8.21536 4.35455 7.6193 4.58774 7.06394C4.82094 6.50859 5.16258 6.00503 5.59278 5.58257C6.01644 5.15359 6.52144 4.81292 7.07838 4.58039C7.63532 4.34786 8.23308 4.22811 8.83687 4.22811C9.44066 4.22811 10.0384 4.34786 10.5954 4.58039C11.1523 4.81292 11.6573 5.15359 12.081 5.58257C12.5112 6.00503 12.8528 6.50859 13.086 7.06394C13.3192 7.6193 13.4393 8.21536 13.4393 8.81744C13.4393 9.41951 13.3192 10.0156 13.086 10.5709C12.8528 11.1263 12.5112 11.6298 12.081 12.0523C11.6573 12.4813 11.1523 12.822 10.5954 13.0545C10.0384 13.287 9.44066 13.4068 8.83687 13.4068C8.23308 13.4068 7.63532 13.287 7.07838 13.0545C6.52144 12.822 6.01644 12.4813 5.59278 12.0523Z\" \/><\/svg><\/span><\/a><\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Beispiel f\u00fcr Komponententests in Cypress<\/strong><\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Komponententest in Cypress \u201emontiert\u201c die Komponente, indem er sie von jeder \u00fcbergeordneten Seite oder Komponente, zu der sie in der urspr\u00fcnglichen Programmhierarchie geh\u00f6rt, unabh\u00e4ngig macht und sie zur Laufzeit isoliert. Dadurch k\u00f6nnen wir die gew\u00fcnschten Assertions durchf\u00fchren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zum Beispiel, nehmen wir einen einfachen Button, der als Komponente in Angular gekapselt ist:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>Angular-Komponente (button.component.ts)<\/strong><\/strong><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>import { Component, Input } from '@angular\/core';\n\n@Component({\n  selector: 'app-button',\n  template: '&lt;button (click)=\"handleClick()\"&gt;{{label}}&lt;\/button&gt;',\n  styleUrls: &#91;'.\/button.component.css']\n})\nexport class ButtonComponent {\n  @Input() label: string = 'Click me';\n\n  handleClick() {\n    console.log('Button clicked');\n  }\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Die folgende Datei zeigt einen Komponententest in Cypress f\u00fcr denselben Button, bei dem wir \u00fcberpr\u00fcfen:<br>a) Den Namen des Buttons<br>b) Seine Aktion (in diesem Fall eine einfache Konsolenausgabe)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Komponententest in Cypress (button.component.cy.ts)<\/strong><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>describe('ButtonComponent', () =&gt; {\n  it('renders correctly and handles click events', () =&gt; {\n    cy.mount('&lt;app-button label=\"Test Button\"&gt;&lt;\/app-button&gt;');\n    cy.get('button').should('contain', 'Test Button'); \/\/&lt;-- comprobamos el nombre\n    cy.get('button').click();\n    cy.window().then(win =&gt; {.  \/\/ &lt;-- Comprobamos la acci\u00f3n\n      cy.spy(win.console, 'log');\n      cy.get('button').click();\n      cy.wrap(win.console.log).should('be.calledWith', 'Button clicked');\n    });\n  });\n});<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Zus\u00e4tzlich k\u00f6nnten wir Tests hinzuf\u00fcgen, um zu \u00fcberpr\u00fcfen, dass die Komponente verschiedene Beschriftungen und Zust\u00e4nde korrekt verarbeitet.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>describe('ButtonComponent - Additional Tests', () =&gt; {\n  it('should render with a different label', () =&gt; {\n    cy.mount('&lt;app-button label=\"New Label\"&gt;&lt;\/app-button&gt;');\n    cy.get('button').should('contain', 'New Label');\n  });\n\n  it('should apply different styles based on properties', () =&gt; {\n    cy.mount('&lt;app-button label=\"Styled Button\" class=\"primary\"&gt;&lt;\/app-button&gt;');\n    cy.get('button').should('have.class', 'primary');\n  });\n});<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Komponententests bei WATA Factory<\/strong><\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei WATA Factory setzen wir bereits seit einiger Zeit Komponententests in unseren Projekten ein, insbesondere in GesA. Dort hat es uns erm\u00f6glicht, die Frontend-Entwicklung zu beschleunigen und zu optimieren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Fazit<\/strong><\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Komponententests mit Cypress erm\u00f6glichen es dir, mehrere Aspekte des Frontends gleichzeitig zu testen \u2013 darunter die Ansicht, Ngrx Stores, Events und mehr \u2013, ohne die Komplexit\u00e4t eines vollst\u00e4ndigen End-to-End-Tests (E2E) auf dich nehmen zu m\u00fcssen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Man kann es als eine Art kleinen E2E-Test betrachten: weniger komplex, aber gezielter. Also z\u00f6gere nicht \u2013 so wie wir es bei WATA Factory bereits getan haben: Gib dem Komponententesting in Cypress eine Chance!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das Komponententesting in Cypress erm\u00f6glicht es, einzelne Komponenten einer Anwendung isoliert zu testen, um sicherzustellen, dass sie korrekt funktionieren, bevor sie in das gesamte System integriert werden. Dies ist besonders n\u00fctzlich f\u00fcr Anwendungen, die mit Frameworks wie React, Angular oder Vue entwickelt wurden.<\/p>\n","protected":false},"author":44,"featured_media":11565,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[68,181],"tags":[],"class_list":["post-11570","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-neuigkeiten","category-technologie"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Komponententests in Cypress - WATA Factory<\/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:\/\/wata.es\/de\/komponententests-in-cypress\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Komponententests in Cypress - WATA Factory\" \/>\n<meta property=\"og:description\" content=\"Das Komponententesting in Cypress erm\u00f6glicht es, einzelne Komponenten einer Anwendung isoliert zu testen, um sicherzustellen, dass sie korrekt funktionieren, bevor sie in das gesamte System integriert werden. Dies ist besonders n\u00fctzlich f\u00fcr Anwendungen, die mit Frameworks wie React, Angular oder Vue entwickelt wurden.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wata.es\/de\/komponententests-in-cypress\/\" \/>\n<meta property=\"og:site_name\" content=\"WATA Factory\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/watafactory\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-12T07:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-05T09:20:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wata.es\/wp-content\/uploads\/2025\/03\/Component-Testing-in-Cypress-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Paco Perez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@watafactory\" \/>\n<meta name=\"twitter:site\" content=\"@watafactory\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Paco Perez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/komponententests-in-cypress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/komponententests-in-cypress\\\/\"},\"author\":{\"name\":\"Paco Perez\",\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/#\\\/schema\\\/person\\\/b7bb8d12a72d7338a364f734d3fbe534\"},\"headline\":\"Komponententests in Cypress\",\"datePublished\":\"2025-05-12T07:00:00+00:00\",\"dateModified\":\"2026-02-05T09:20:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/komponententests-in-cypress\\\/\"},\"wordCount\":387,\"publisher\":{\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/komponententests-in-cypress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wata.es\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Component-Testing-in-Cypress-scaled.jpg\",\"articleSection\":[\"Neuigkeiten\",\"Technologie\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/komponententests-in-cypress\\\/\",\"url\":\"https:\\\/\\\/wata.es\\\/de\\\/komponententests-in-cypress\\\/\",\"name\":\"Komponententests in Cypress - WATA Factory\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/komponententests-in-cypress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/komponententests-in-cypress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wata.es\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Component-Testing-in-Cypress-scaled.jpg\",\"datePublished\":\"2025-05-12T07:00:00+00:00\",\"dateModified\":\"2026-02-05T09:20:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/komponententests-in-cypress\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wata.es\\\/de\\\/komponententests-in-cypress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/komponententests-in-cypress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wata.es\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Component-Testing-in-Cypress-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/wata.es\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Component-Testing-in-Cypress-scaled.jpg\",\"width\":2560,\"height\":1440,\"caption\":\"Person, die einen digitalen Fragebogen mit Kontrollk\u00e4stchen und Antwortoptionen A, B, C, D ausf\u00fcllt\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/komponententests-in-cypress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wata.es\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Komponententests in Cypress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/wata.es\\\/de\\\/\",\"name\":\"WATA Factory\",\"description\":\"IT Consulting &amp; Outsourcing for your company\",\"publisher\":{\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wata.es\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/#organization\",\"name\":\"WATA Factory\",\"url\":\"https:\\\/\\\/wata.es\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wata.es\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/logowata.png\",\"contentUrl\":\"https:\\\/\\\/wata.es\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/logowata.png\",\"width\":688,\"height\":176,\"caption\":\"WATA Factory\"},\"image\":{\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/watafactory\\\/\",\"https:\\\/\\\/x.com\\\/watafactory\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/wata\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wata.es\\\/de\\\/#\\\/schema\\\/person\\\/b7bb8d12a72d7338a364f734d3fbe534\",\"name\":\"Paco Perez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0b3e8a343c34c136c4bb32dc83a4e8546d171e356d53628a20221c5925fed8b1?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0b3e8a343c34c136c4bb32dc83a4e8546d171e356d53628a20221c5925fed8b1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0b3e8a343c34c136c4bb32dc83a4e8546d171e356d53628a20221c5925fed8b1?s=96&d=mm&r=g\",\"caption\":\"Paco Perez\"},\"url\":\"https:\\\/\\\/wata.es\\\/de\\\/author\\\/p-perezwata-es\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Komponententests in Cypress - WATA Factory","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:\/\/wata.es\/de\/komponententests-in-cypress\/","og_locale":"de_DE","og_type":"article","og_title":"Komponententests in Cypress - WATA Factory","og_description":"Das Komponententesting in Cypress erm\u00f6glicht es, einzelne Komponenten einer Anwendung isoliert zu testen, um sicherzustellen, dass sie korrekt funktionieren, bevor sie in das gesamte System integriert werden. Dies ist besonders n\u00fctzlich f\u00fcr Anwendungen, die mit Frameworks wie React, Angular oder Vue entwickelt wurden.","og_url":"https:\/\/wata.es\/de\/komponententests-in-cypress\/","og_site_name":"WATA Factory","article_publisher":"https:\/\/www.facebook.com\/watafactory\/","article_published_time":"2025-05-12T07:00:00+00:00","article_modified_time":"2026-02-05T09:20:42+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/wata.es\/wp-content\/uploads\/2025\/03\/Component-Testing-in-Cypress-scaled.jpg","type":"image\/jpeg"}],"author":"Paco Perez","twitter_card":"summary_large_image","twitter_creator":"@watafactory","twitter_site":"@watafactory","twitter_misc":{"Verfasst von":"Paco Perez","Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wata.es\/de\/komponententests-in-cypress\/#article","isPartOf":{"@id":"https:\/\/wata.es\/de\/komponententests-in-cypress\/"},"author":{"name":"Paco Perez","@id":"https:\/\/wata.es\/de\/#\/schema\/person\/b7bb8d12a72d7338a364f734d3fbe534"},"headline":"Komponententests in Cypress","datePublished":"2025-05-12T07:00:00+00:00","dateModified":"2026-02-05T09:20:42+00:00","mainEntityOfPage":{"@id":"https:\/\/wata.es\/de\/komponententests-in-cypress\/"},"wordCount":387,"publisher":{"@id":"https:\/\/wata.es\/de\/#organization"},"image":{"@id":"https:\/\/wata.es\/de\/komponententests-in-cypress\/#primaryimage"},"thumbnailUrl":"https:\/\/wata.es\/wp-content\/uploads\/2025\/03\/Component-Testing-in-Cypress-scaled.jpg","articleSection":["Neuigkeiten","Technologie"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/wata.es\/de\/komponententests-in-cypress\/","url":"https:\/\/wata.es\/de\/komponententests-in-cypress\/","name":"Komponententests in Cypress - WATA Factory","isPartOf":{"@id":"https:\/\/wata.es\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wata.es\/de\/komponententests-in-cypress\/#primaryimage"},"image":{"@id":"https:\/\/wata.es\/de\/komponententests-in-cypress\/#primaryimage"},"thumbnailUrl":"https:\/\/wata.es\/wp-content\/uploads\/2025\/03\/Component-Testing-in-Cypress-scaled.jpg","datePublished":"2025-05-12T07:00:00+00:00","dateModified":"2026-02-05T09:20:42+00:00","breadcrumb":{"@id":"https:\/\/wata.es\/de\/komponententests-in-cypress\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wata.es\/de\/komponententests-in-cypress\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wata.es\/de\/komponententests-in-cypress\/#primaryimage","url":"https:\/\/wata.es\/wp-content\/uploads\/2025\/03\/Component-Testing-in-Cypress-scaled.jpg","contentUrl":"https:\/\/wata.es\/wp-content\/uploads\/2025\/03\/Component-Testing-in-Cypress-scaled.jpg","width":2560,"height":1440,"caption":"Person, die einen digitalen Fragebogen mit Kontrollk\u00e4stchen und Antwortoptionen A, B, C, D ausf\u00fcllt"},{"@type":"BreadcrumbList","@id":"https:\/\/wata.es\/de\/komponententests-in-cypress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wata.es\/de\/"},{"@type":"ListItem","position":2,"name":"Komponententests in Cypress"}]},{"@type":"WebSite","@id":"https:\/\/wata.es\/de\/#website","url":"https:\/\/wata.es\/de\/","name":"WATA Factory","description":"IT Consulting &amp; Outsourcing for your company","publisher":{"@id":"https:\/\/wata.es\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wata.es\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/wata.es\/de\/#organization","name":"WATA Factory","url":"https:\/\/wata.es\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wata.es\/de\/#\/schema\/logo\/image\/","url":"https:\/\/wata.es\/wp-content\/uploads\/2019\/12\/logowata.png","contentUrl":"https:\/\/wata.es\/wp-content\/uploads\/2019\/12\/logowata.png","width":688,"height":176,"caption":"WATA Factory"},"image":{"@id":"https:\/\/wata.es\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/watafactory\/","https:\/\/x.com\/watafactory","https:\/\/www.linkedin.com\/company\/wata\/"]},{"@type":"Person","@id":"https:\/\/wata.es\/de\/#\/schema\/person\/b7bb8d12a72d7338a364f734d3fbe534","name":"Paco Perez","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/0b3e8a343c34c136c4bb32dc83a4e8546d171e356d53628a20221c5925fed8b1?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0b3e8a343c34c136c4bb32dc83a4e8546d171e356d53628a20221c5925fed8b1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0b3e8a343c34c136c4bb32dc83a4e8546d171e356d53628a20221c5925fed8b1?s=96&d=mm&r=g","caption":"Paco Perez"},"url":"https:\/\/wata.es\/de\/author\/p-perezwata-es\/"}]}},"_links":{"self":[{"href":"https:\/\/wata.es\/de\/wp-json\/wp\/v2\/posts\/11570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wata.es\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wata.es\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wata.es\/de\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/wata.es\/de\/wp-json\/wp\/v2\/comments?post=11570"}],"version-history":[{"count":5,"href":"https:\/\/wata.es\/de\/wp-json\/wp\/v2\/posts\/11570\/revisions"}],"predecessor-version":[{"id":15921,"href":"https:\/\/wata.es\/de\/wp-json\/wp\/v2\/posts\/11570\/revisions\/15921"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wata.es\/de\/wp-json\/wp\/v2\/media\/11565"}],"wp:attachment":[{"href":"https:\/\/wata.es\/de\/wp-json\/wp\/v2\/media?parent=11570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wata.es\/de\/wp-json\/wp\/v2\/categories?post=11570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wata.es\/de\/wp-json\/wp\/v2\/tags?post=11570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}