{"id":7349,"date":"2018-07-24T15:03:14","date_gmt":"2018-07-24T13:03:14","guid":{"rendered":"https:\/\/www.ideematic.com\/?page_id=7349"},"modified":"2024-05-14T06:18:26","modified_gmt":"2024-05-14T04:18:26","slug":"cypress-tests-end-to-end","status":"publish","type":"page","link":"https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/","title":{"rendered":"Cypress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section css=\u00a0\u00bb.vc_custom_1512393268930{padding-top: 100px !important;padding-bottom: 100px !important;}\u00a0\u00bb][vc_row][vc_column width=\u00a0\u00bb2\/3&Prime; offset=\u00a0\u00bbvc_col-lg-offset-2 vc_col-lg-6&Prime;][vc_column_text]<\/p>\n<h2 class=\"p1 small\">Cypress, pour des tests end-to-end<\/h2>\n<p>Jusqu\u2019\u00e0 pr\u00e9sent, effectuer des tests bout \u00e0 bout (ou tests end-to-end) n\u2019\u00e9tait pas forc\u00e9ment chose facile.<br \/>\nIl s\u2019agit en effet de d\u00e9rouler un sc\u00e9nario complet de tests \u00e0 la mani\u00e8re d\u2019une situation r\u00e9elle de production.<br \/>\n\u00c0 travers cette sc\u00e9narisation, l\u2019objectif est bien de valider le logiciel d\u00e9velopp\u00e9 et son association avec des tierces applications via API par exemple.<\/p>\n<p>C\u2019est ici qu\u2019entre en jeux Cypress.io, outil open source permettant de mettre facilement en place ces fameux tests d\u2019applications utilisant des frameworks JavaScript modernes. Il permettra de tester tout ce qui fonctionne dans le navigateur.<\/p>\n<h2>Pourquoi utiliser Cypress ?<\/h2>\n<p>La plupart des outils similaires se basent sur S\u00e9l\u00e9nium rencontrant alors les m\u00eames probl\u00e8mes.<\/p>\n<ul>\n<li>Cypress offre une toute nouvelle architecture et s\u2019ex\u00e9cute dans le navigateur avec votre application. Tests et d\u00e9veloppements se font donc simultan\u00e9ment.<\/li>\n<li>Cypress fonctionne, quel que soit le framework JavaScript que vous utilisez : <a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/react-js\/\">React Js<\/a>, <a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/angular-js\/\">Angular<\/a>, <a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/backbone-js\/\">Vue Js<\/a>,\u2026<\/li>\n<li>Vous \u00e9crivez vos tests en JavaScript (avec Mocha, Chai et Sinon). Vous restez donc dans une technologie commune.<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_video link=\u00a0\u00bbhttps:\/\/vimeo.com\/237527670&Prime;][vc_column_text]<\/p>\n<h2 class=\"p1 small\"><span class=\"s1\">Aller plus loin avec Cypress<\/span><\/h2>\n<p class=\"p1\"><span class=\"s1\">Pour en savoir plus, consultez le site :\u00a0<a href=\"https:\/\/www.cypress.io\" target=\"_blank\" rel=\"noopener noreferrer\">www.cypress.io<\/a><\/span><span class=\"s1\"><br \/>\n<\/span><\/p>\n<p>ou leur page Github : <a href=\"https:\/\/github.com\/cypress-io\/cypress\" target=\"_blank\" rel=\"noopener noreferrer\">github.com\/cypress-io\/cypress<\/a>[\/vc_column_text][\/vc_column][vc_column width=\u00a0\u00bb1\/3&Prime;]<div class=\"sidebar_push\"><h3>Vous avez un projet ?<\/h3><a href=\"\/demande-de-devis\">Demandez un devis<\/a><\/div><div class=\"sidebar_techno\"><ul><h3>Technologies de d\u00e9veloppement<\/h3><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/react-js\/\">React JS<\/a><\/li><h3>Frameworks mobile<\/h3><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/cordova\/\">Cordova<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/flutter-dart\/\">Flutter<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/react-native\/\">React Native<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/xamarin-developpement-applications-mobiles\/\">Xamarin<\/a><\/li><h3>Outils<\/h3><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/extranet-et-intranet-de-gestion\/\">Extranet et Intranet de gestion<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/node-js\/\">Node JS<\/a><\/li><h3>Notions<\/h3><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/logiciel-de-gestion\/\">Logiciel de gestion<\/a><\/li><h3>Frameworks web<\/h3><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/angular-js\/\">Angular, pour des applications SPA<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/backbone-js\/\">Backbone JS<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/c-sharp-dot-net\/\">C# et Dot Net<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/cake-php\/\">Cake PHP<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/extjs\/\">ExtJS<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/html-haml\/\">HAML<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/jquery\/\">JQuery, la librairie Javascript<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/meteor-js\/\">Meteor JS<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/ruby-on-rails\/\">Ruby on Rails<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/css-sass\/\">SASS<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/sphinx\/\">Sphinx<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/spree-commerce\/\">Spree Commerce<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/underscore-js\/\">Underscore JS<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/vue-js\/\">Vue JS<\/a><\/li><h3>Bases de donn\u00e9es<\/h3><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/mongodb\/\">MongoDB<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/mysql\/\">MySQL<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/postgresql\/\">PostgreSql<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/redis\/\">Redis, pour du stockage NoSQL<\/a><\/li><h3>Tests unitaires et d\u00e9ploiement<\/h3><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/capistrano-deploiement-ruby-on-rails\/\">Capistrano<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/cucumber-js\/\">Cucumber<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/\">Cypress<\/a><\/li><li><a href=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/test-unitaire-rspec-application-ruby-on-rails\/\">Rspec<\/a><\/li><\/ul><\/div>[\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section css=\u00a0\u00bb.vc_custom_1512393268930{padding-top: 100px !important;padding-bottom: 100px !important;}\u00a0\u00bb][vc_row][vc_column width=\u00a0\u00bb2\/3&Prime; offset=\u00a0\u00bbvc_col-lg-offset-2 vc_col-lg-6&Prime;][vc_column_text] Cypress, pour des tests end-to-end Jusqu\u2019\u00e0 pr\u00e9sent, effectuer des tests bout \u00e0 bout (ou tests end-to-end) n\u2019\u00e9tait pas forc\u00e9ment chose facile. Il s\u2019agit en effet de d\u00e9rouler un sc\u00e9nario complet de tests \u00e0 la mani\u00e8re d\u2019une situation r\u00e9elle de production. \u00c0 travers cette sc\u00e9narisation, l\u2019objectif est [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7352,"parent":975,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-dico.php","meta":{"inline_featured_image":false,"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cypress pour des tests end-to-end d&#039;applications web<\/title>\n<meta name=\"description\" content=\"Cypress est un outil open-source permettant d&#039;\u00e9crire les tests de votre application que vous d\u00e9veloppez en m\u00eame temps. Il s&#039;ex\u00e9cute dans le navigateur.\" \/>\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.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cypress pour des tests end-to-end d&#039;applications web\" \/>\n<meta property=\"og:description\" content=\"Cypress est un outil open-source permettant d&#039;\u00e9crire les tests de votre application que vous d\u00e9veloppez en m\u00eame temps. Il s&#039;ex\u00e9cute dans le navigateur.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/\" \/>\n<meta property=\"og:site_name\" content=\"Id\u00e9ematic\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-14T04:18:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ideematic.com\/wp-content\/uploads\/2018\/07\/Cypress-tests-end-to-end.png\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"135\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/\",\"url\":\"https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/\",\"name\":\"Cypress pour des tests end-to-end d'applications web\",\"isPartOf\":{\"@id\":\"https:\/\/www.ideematic.com\/#website\"},\"datePublished\":\"2018-07-24T13:03:14+00:00\",\"dateModified\":\"2024-05-14T04:18:26+00:00\",\"description\":\"Cypress est un outil open-source permettant d'\u00e9crire les tests de votre application que vous d\u00e9veloppez en m\u00eame temps. Il s'ex\u00e9cute dans le navigateur.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.ideematic.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Le dictionnaire du digital\",\"item\":\"https:\/\/www.ideematic.com\/dictionnaire-digital\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cypress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ideematic.com\/#website\",\"url\":\"https:\/\/www.ideematic.com\/\",\"name\":\"Id\u00e9ematic\",\"description\":\"Id\u00e9ematic est une agence digitale \u00e0 Strasbourg et Paris\",\"publisher\":{\"@id\":\"https:\/\/www.ideematic.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ideematic.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.ideematic.com\/#organization\",\"name\":\"Id\u00e9ematic\",\"url\":\"https:\/\/www.ideematic.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.ideematic.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.ideematic.com\/wp-content\/uploads\/2017\/12\/agence-react-native-ruby-on-rails.png\",\"contentUrl\":\"https:\/\/www.ideematic.com\/wp-content\/uploads\/2017\/12\/agence-react-native-ruby-on-rails.png\",\"width\":1200,\"height\":500,\"caption\":\"Id\u00e9ematic\"},\"image\":{\"@id\":\"https:\/\/www.ideematic.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cypress pour des tests end-to-end d'applications web","description":"Cypress est un outil open-source permettant d'\u00e9crire les tests de votre application que vous d\u00e9veloppez en m\u00eame temps. Il s'ex\u00e9cute dans le navigateur.","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.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/","og_locale":"fr_FR","og_type":"article","og_title":"Cypress pour des tests end-to-end d'applications web","og_description":"Cypress est un outil open-source permettant d'\u00e9crire les tests de votre application que vous d\u00e9veloppez en m\u00eame temps. Il s'ex\u00e9cute dans le navigateur.","og_url":"https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/","og_site_name":"Id\u00e9ematic","article_modified_time":"2024-05-14T04:18:26+00:00","og_image":[{"width":250,"height":135,"url":"https:\/\/www.ideematic.com\/wp-content\/uploads\/2018\/07\/Cypress-tests-end-to-end.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/","url":"https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/","name":"Cypress pour des tests end-to-end d'applications web","isPartOf":{"@id":"https:\/\/www.ideematic.com\/#website"},"datePublished":"2018-07-24T13:03:14+00:00","dateModified":"2024-05-14T04:18:26+00:00","description":"Cypress est un outil open-source permettant d'\u00e9crire les tests de votre application que vous d\u00e9veloppez en m\u00eame temps. Il s'ex\u00e9cute dans le navigateur.","breadcrumb":{"@id":"https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ideematic.com\/dictionnaire-digital\/cypress-tests-end-to-end\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.ideematic.com\/"},{"@type":"ListItem","position":2,"name":"Le dictionnaire du digital","item":"https:\/\/www.ideematic.com\/dictionnaire-digital\/"},{"@type":"ListItem","position":3,"name":"Cypress"}]},{"@type":"WebSite","@id":"https:\/\/www.ideematic.com\/#website","url":"https:\/\/www.ideematic.com\/","name":"Id\u00e9ematic","description":"Id\u00e9ematic est une agence digitale \u00e0 Strasbourg et Paris","publisher":{"@id":"https:\/\/www.ideematic.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ideematic.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.ideematic.com\/#organization","name":"Id\u00e9ematic","url":"https:\/\/www.ideematic.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.ideematic.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.ideematic.com\/wp-content\/uploads\/2017\/12\/agence-react-native-ruby-on-rails.png","contentUrl":"https:\/\/www.ideematic.com\/wp-content\/uploads\/2017\/12\/agence-react-native-ruby-on-rails.png","width":1200,"height":500,"caption":"Id\u00e9ematic"},"image":{"@id":"https:\/\/www.ideematic.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/pages\/7349"}],"collection":[{"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/comments?post=7349"}],"version-history":[{"count":1,"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/pages\/7349\/revisions"}],"predecessor-version":[{"id":9163,"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/pages\/7349\/revisions\/9163"}],"up":[{"embeddable":true,"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/pages\/975"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/media\/7352"}],"wp:attachment":[{"href":"https:\/\/www.ideematic.com\/wp-json\/wp\/v2\/media?parent=7349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}