Cypress Tutorial Full Course

Author: BakkappaN

cypress.config.js

@@ -3,9 +3,11 @@ const { defineConfig } = require("cypress");
 module.exports = defineConfig({
   watchForFileChanges:false,
   "chromeWebSecurity": false,
+  reporter: 'cypress-mochawesome-reporter',
   e2e: {
     setupNodeEvents(on, config) {
       // implement node event listeners here
+      require('cypress-mochawesome-reporter/plugin')(on);
     },
   },
 });

cypress/e2e/DataDrivenTesting1.cy.js

@@ -0,0 +1,22 @@
+describe('Data Driven Test Suite',()=>{
+
+    let testData;
+
+    before('Run Before All Test',()=>{
+        cy.fixture('datadriventesting1.json').then((jsonData)=>{
+            testData = jsonData;
+        })
+    })
+
+    it('Data Driven Test1',()=>{
+
+        cy.visit('https://www.google.com/search?q=javascript+by+testers+talk');
+
+        cy.get('textarea[type="search"]').clear();
+
+        cy.get('textarea[type="search"]').type(testData.skill1);
+
+        cy.get('button[type="submit"]').click();
+    })
+
+})

cypress/e2e/DataDrivenTesting2.cy.js

@@ -0,0 +1,20 @@
+const jsonData = require('../fixtures/datadriventesting2.json')
+
+describe('Data Driven Test Suite2',()=>{
+
+    jsonData.forEach((testData) => {
+
+        it('Data Driven Test2',()=>{
+
+            cy.visit('https://www.google.com/search?q=javascript+by+testers+talk');
+    
+            cy.get('textarea[type="search"]').clear();
+    
+            cy.get('textarea[type="search"]').type(testData.skill1);
+    
+            cy.get('button[type="submit"]').click();
+        })
+        
+    });
+
+})

cypress/e2e/ReportingTests/Suite1Tests.cy.js

@@ -0,0 +1,45 @@
+describe('Suite1',()=>{
+
+    it('Suit1 Test1',()=>{
+
+      //  cy.visit('https://www.youtube.com/@testerstalk');
+
+        cy.visit('https://www.google.com/search?q=javascript+by+testers+talk')
+
+        cy.get('textarea[type="search"]').then((element)=>{
+            cy.log("Text from Google 1: "+element.text())
+        })
+
+        cy.get('#APjFqb').then((element)=>{
+            cy.log("Text from Google 2: "+element.text())
+        }) 
+
+        //first element
+       // cy.get('.IUOThf > a').first().click();
+
+       //last element
+       //cy.get('.IUOThf > a').last().click();
+
+       //index element
+       //cy.get('.IUOThf > a').eq(1).click();
+
+        //starts-with
+       // cy.get('button[type^="sub"]').click();
+
+       //ends-with
+      // cy.get('button[type$="mit"]').click()
+
+       //contains - CSS
+       //cy.get('button[type*="ubmi"]').click()
+
+       //class
+       cy.get('[class="LC20lb MBeuO DKV0Md"]').eq(1).click();
+
+        //contains - Cypress
+       //cy.contains('JavaScript by Testers Talk').click();
+       
+      //  cy.get('tp-yt-paper-tab > div').eq(2).click();
+
+    })
+
+})

cypress/e2e/ReportingTests/Suite2Tests.cy.js

@@ -0,0 +1,28 @@
+describe('Suite2', () => {
+
+    it('Suit2 Test1', () => {
+  
+      cy.visit('https://www.google.com/search?q=javascript+by+testers+talk')
+
+      cy.xpath('//*[@type="search"]').clear()
+
+      cy.xpath('//*[@type="search"]').type("api testing by testers talk")
+
+     // cy.xpath('//*[text()="Github"]').click();
+    
+    })
+
+    it('Suit2 Test2', () => {
+  
+      cy.visit('https://www.google.com/search?q=javascript+by+testers+talk')
+
+      cy.xpath('//*[@type="search"]').clear()
+
+      cy.xpath('//*[@type="search"]').type("api testing by testers talk")
+
+     // cy.xpath('//*[text()="Github"]').click();
+    
+    })
+
+  
+  })

cypress/fixtures/datadriventesting1.json

@@ -0,0 +1,4 @@
+{
+    "skill1":"postman by testers talk",
+    "channel":"Testers Talk"
+}

cypress/fixtures/datadriventesting2.json

@@ -0,0 +1,25 @@
+[{
+    "skill1":"postman by testers talk",
+    "channel":"Testers Talk"
+},
+{
+    "skill1":"rest assured by testers talk",
+    "channel":"Testers Talk"
+},
+{
+    "skill1":"specflow by testers talk",
+    "channel":"Testers Talk"
+},
+{
+    "skill1":"easyrepro by testers talk",
+    "channel":"Testers Talk"
+},
+{
+    "skill1":"api testing by testers talk",
+    "channel":"Testers Talk"
+},
+{
+    "skill1":"javascript by testers talk",
+    "channel":"Testers Talk"
+}
+]

cypress/reports/html/assets/MaterialIcons-Regular.woff

@@ -0,0 +1,55 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*!
+  Copyright (c) 2017 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
+/*! mochawesome-report-generator 6.2.0 | https://github.com/adamgruber/mochawesome-report-generator */
+
+/** @license React v0.19.1
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

cypress/reports/html/assets/MaterialIcons-Regular.woff2

@@ -0,0 +1,2 @@
+<!doctype html>
+<html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1"/><title>Mochawesome Report</title><link rel="stylesheet" href="assets\app.css"/></head><body data-raw="{&quot;stats&quot;:{&quot;suites&quot;:2,&quot;tests&quot;:3,&quot;passes&quot;:3,&quot;pending&quot;:0,&quot;failures&quot;:0,&quot;testsRegistered&quot;:3,&quot;passPercent&quot;:100,&quot;pendingPercent&quot;:0,&quot;other&quot;:0,&quot;hasOther&quot;:false,&quot;skipped&quot;:0,&quot;hasSkipped&quot;:false,&quot;start&quot;:&quot;2023-09-27T13:30:27.287Z&quot;,&quot;end&quot;:&quot;2023-09-27T13:31:23.695Z&quot;,&quot;duration&quot;:56408},&quot;results&quot;:[{&quot;uuid&quot;:&quot;4d00ddc0-d0c5-434d-b83f-41a793579feb&quot;,&quot;title&quot;:&quot;&quot;,&quot;fullFile&quot;:&quot;cypress\\e2e\\ReportingTests\\Suite2Tests.cy.js&quot;,&quot;file&quot;:&quot;cypress\\e2e\\ReportingTests\\Suite2Tests.cy.js&quot;,&quot;beforeHooks&quot;:[],&quot;afterHooks&quot;:[],&quot;tests&quot;:[],&quot;suites&quot;:[{&quot;uuid&quot;:&quot;7f65164a-ec27-454f-9512-9af0de50b0e1&quot;,&quot;title&quot;:&quot;Suite2&quot;,&quot;fullFile&quot;:&quot;cypress\\e2e\\ReportingTests\\Suite2Tests.cy.js&quot;,&quot;file&quot;:&quot;cypress\\e2e\\ReportingTests\\Suite2Tests.cy.js&quot;,&quot;beforeHooks&quot;:[],&quot;afterHooks&quot;:[],&quot;tests&quot;:[{&quot;title&quot;:&quot;Suit2 Test1&quot;,&quot;fullTitle&quot;:&quot;Suite2 Suit2 Test1&quot;,&quot;timedOut&quot;:null,&quot;duration&quot;:11321,&quot;state&quot;:&quot;passed&quot;,&quot;speed&quot;:&quot;slow&quot;,&quot;pass&quot;:true,&quot;fail&quot;:false,&quot;pending&quot;:false,&quot;context&quot;:null,&quot;code&quot;:&quot;cy.visit(&#x27;https://www.google.com/search?q=javascript+by+testers+talk&#x27;);\ncy.xpath(&#x27;//*[@type=\&quot;search\&quot;]&#x27;).clear();\ncy.xpath(&#x27;//*[@type=\&quot;search\&quot;]&#x27;).type(\&quot;api testing by testers talk\&quot;);\n// cy.xpath(&#x27;//*[text()=\&quot;Github\&quot;]&#x27;).click();&quot;,&quot;err&quot;:{},&quot;uuid&quot;:&quot;da5401ac-50ce-44e5-8e81-839d4d1b7fdb&quot;,&quot;parentUUID&quot;:&quot;7f65164a-ec27-454f-9512-9af0de50b0e1&quot;,&quot;isHook&quot;:false,&quot;skipped&quot;:false},{&quot;title&quot;:&quot;Suit2 Test2&quot;,&quot;fullTitle&quot;:&quot;Suite2 Suit2 Test2&quot;,&quot;timedOut&quot;:null,&quot;duration&quot;:9831,&quot;state&quot;:&quot;passed&quot;,&quot;speed&quot;:&quot;medium&quot;,&quot;pass&quot;:true,&quot;fail&quot;:false,&quot;pending&quot;:false,&quot;context&quot;:null,&quot;code&quot;:&quot;cy.visit(&#x27;https://www.google.com/search?q=javascript+by+testers+talk&#x27;);\ncy.xpath(&#x27;//*[@type=\&quot;search\&quot;]&#x27;).clear();\ncy.xpath(&#x27;//*[@type=\&quot;search\&quot;]&#x27;).type(\&quot;api testing by testers talk\&quot;);\n// cy.xpath(&#x27;//*[text()=\&quot;Github\&quot;]&#x27;).click();&quot;,&quot;err&quot;:{},&quot;uuid&quot;:&quot;be57b76b-90c7-438a-ad49-620b97198418&quot;,&quot;parentUUID&quot;:&quot;7f65164a-ec27-454f-9512-9af0de50b0e1&quot;,&quot;isHook&quot;:false,&quot;skipped&quot;:false}],&quot;suites&quot;:[],&quot;passes&quot;:[&quot;da5401ac-50ce-44e5-8e81-839d4d1b7fdb&quot;,&quot;be57b76b-90c7-438a-ad49-620b97198418&quot;],&quot;failures&quot;:[],&quot;pending&quot;:[],&quot;skipped&quot;:[],&quot;duration&quot;:21152,&quot;root&quot;:false,&quot;rootEmpty&quot;:false,&quot;_timeout&quot;:2000}],&quot;passes&quot;:[],&quot;failures&quot;:[],&quot;pending&quot;:[],&quot;skipped&quot;:[],&quot;duration&quot;:0,&quot;root&quot;:true,&quot;rootEmpty&quot;:true,&quot;_timeout&quot;:2000},{&quot;uuid&quot;:&quot;4eeb0b2c-ad6b-4ff3-ad67-7b362024b14a&quot;,&quot;title&quot;:&quot;&quot;,&quot;fullFile&quot;:&quot;cypress\\e2e\\ReportingTests\\Suite1Tests.cy.js&quot;,&quot;file&quot;:&quot;cypress\\e2e\\ReportingTests\\Suite1Tests.cy.js&quot;,&quot;beforeHooks&quot;:[],&quot;afterHooks&quot;:[],&quot;tests&quot;:[],&quot;suites&quot;:[{&quot;uuid&quot;:&quot;b78405cb-6fc6-4ba1-899c-51364f25e842&quot;,&quot;title&quot;:&quot;Suite1&quot;,&quot;fullFile&quot;:&quot;cypress\\e2e\\ReportingTests\\Suite1Tests.cy.js&quot;,&quot;file&quot;:&quot;cypress\\e2e\\ReportingTests\\Suite1Tests.cy.js&quot;,&quot;beforeHooks&quot;:[],&quot;afterHooks&quot;:[],&quot;tests&quot;:[{&quot;title&quot;:&quot;Suit1 Test1&quot;,&quot;fullTitle&quot;:&quot;Suite1 Suit1 Test1&quot;,&quot;timedOut&quot;:null,&quot;duration&quot;:21139,&quot;state&quot;:&quot;passed&quot;,&quot;speed&quot;:&quot;slow&quot;,&quot;pass&quot;:true,&quot;fail&quot;:false,&quot;pending&quot;:false,&quot;context&quot;:null,&quot;code&quot;:&quot;//  cy.visit(&#x27;https://www.youtube.com/@testerstalk&#x27;);\ncy.visit(&#x27;https://www.google.com/search?q=javascript+by+testers+talk&#x27;);\ncy.get(&#x27;textarea[type=\&quot;search\&quot;]&#x27;).then(element =&gt; {\n  cy.log(\&quot;Text from Google 1: \&quot; + element.text());\n});\ncy.get(&#x27;#APjFqb&#x27;).then(element =&gt; {\n  cy.log(\&quot;Text from Google 2: \&quot; + element.text());\n});\n//first element\n// cy.get(&#x27;.IUOThf &gt; a&#x27;).first().click();\n//last element\n//cy.get(&#x27;.IUOThf &gt; a&#x27;).last().click();\n//index element\n//cy.get(&#x27;.IUOThf &gt; a&#x27;).eq(1).click();\n//starts-with\n// cy.get(&#x27;button[type^=\&quot;sub\&quot;]&#x27;).click();\n//ends-with\n// cy.get(&#x27;button[type$=\&quot;mit\&quot;]&#x27;).click()\n//contains - CSS\n//cy.get(&#x27;button[type*=\&quot;ubmi\&quot;]&#x27;).click()\n//class\ncy.get(&#x27;[class=\&quot;LC20lb MBeuO DKV0Md\&quot;]&#x27;).eq(1).click();\n//contains - Cypress\n//cy.contains(&#x27;JavaScript by Testers Talk&#x27;).click();\n//  cy.get(&#x27;tp-yt-paper-tab &gt; div&#x27;).eq(2).click();&quot;,&quot;err&quot;:{},&quot;uuid&quot;:&quot;b7905166-c0f5-4388-b8dd-0df667052782&quot;,&quot;parentUUID&quot;:&quot;b78405cb-6fc6-4ba1-899c-51364f25e842&quot;,&quot;isHook&quot;:false,&quot;skipped&quot;:false}],&quot;suites&quot;:[],&quot;passes&quot;:[&quot;b7905166-c0f5-4388-b8dd-0df667052782&quot;],&quot;failures&quot;:[],&quot;pending&quot;:[],&quot;skipped&quot;:[],&quot;duration&quot;:21139,&quot;root&quot;:false,&quot;rootEmpty&quot;:false,&quot;_timeout&quot;:2000}],&quot;passes&quot;:[],&quot;failures&quot;:[],&quot;pending&quot;:[],&quot;skipped&quot;:[],&quot;duration&quot;:0,&quot;root&quot;:true,&quot;rootEmpty&quot;:true,&quot;_timeout&quot;:2000}],&quot;meta&quot;:{&quot;mocha&quot;:{&quot;version&quot;:&quot;7.0.1&quot;},&quot;mochawesome&quot;:{&quot;options&quot;:{&quot;quiet&quot;:false,&quot;reportFilename&quot;:&quot;mochawesome&quot;,&quot;saveHtml&quot;:false,&quot;saveJson&quot;:true,&quot;consoleReporter&quot;:&quot;spec&quot;,&quot;useInlineDiffs&quot;:false,&quot;code&quot;:true},&quot;version&quot;:&quot;7.1.3&quot;},&quot;marge&quot;:{&quot;options&quot;:{&quot;overwrite&quot;:false,&quot;html&quot;:false,&quot;json&quot;:true,&quot;reportDir&quot;:&quot;cypress\\reports\\html\\.jsons&quot;},&quot;version&quot;:&quot;6.2.0&quot;}}}" data-config="{&quot;reportFilename&quot;:&quot;index.html&quot;,&quot;reportDir&quot;:&quot;E:\\2023\\CypressFullCourseByTestersTalk\\CypressFullCourse\\cypress\\reports\\html&quot;,&quot;reportTitle&quot;:&quot;CypressFullCourse&quot;,&quot;reportPageTitle&quot;:&quot;Mochawesome Report&quot;,&quot;inline&quot;:false,&quot;inlineAssets&quot;:false,&quot;cdn&quot;:false,&quot;charts&quot;:false,&quot;enableCharts&quot;:false,&quot;code&quot;:true,&quot;enableCode&quot;:true,&quot;autoOpen&quot;:false,&quot;overwrite&quot;:true,&quot;timestamp&quot;:false,&quot;ts&quot;:false,&quot;showPassed&quot;:true,&quot;showFailed&quot;:true,&quot;showPending&quot;:true,&quot;showSkipped&quot;:false,&quot;showHooks&quot;:&quot;failed&quot;,&quot;saveJson&quot;:false,&quot;saveHtml&quot;:true,&quot;dev&quot;:false,&quot;assetsDir&quot;:&quot;E:\\2023\\CypressFullCourseByTestersTalk\\CypressFullCourse\\cypress\\reports\\html\\assets&quot;,&quot;htmlFile&quot;:&quot;E:\\2023\\CypressFullCourseByTestersTalk\\CypressFullCourse\\cypress\\reports\\html\\index.html&quot;}"><div id="report"></div><script src="assets\app.js"></script></body></html>

cypress/reports/html/assets/app.css

@@ -30,3 +30,6 @@ if (!app.document.head.querySelector("[data-hide-command-log-request]")) {
 
 //xpath
 require('cypress-xpath')
+
+//mochawesome reporting
+import 'cypress-mochawesome-reporter/register'