{"id":1051,"date":"2021-07-31T18:09:56","date_gmt":"2021-07-31T18:09:56","guid":{"rendered":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/2021\/07\/31\/advance-cypress-interview-questions-part-2\/"},"modified":"2021-07-31T18:09:56","modified_gmt":"2021-07-31T18:09:56","slug":"advance-cypress-interview-questions-part-2","status":"publish","type":"post","link":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/2021\/07\/31\/advance-cypress-interview-questions-part-2\/","title":{"rendered":"Advance Cypress Interview Questions \u2013 Part 2"},"content":{"rendered":"

<\/p>\n

\n

\n

\n

\n

<\/div>\n

\n

\n

<\/div>\n<\/div>\n

<\/div>\n

\n

<\/div>\n

\n

\n

Table of Contents<\/div>\n<\/p><\/div>\n<\/div>\n<\/div>\n

\n

\n

<\/div>\n

\n

\n

\n

8. What is trigger function in Cypress?<\/a><\/div>\n

9. How can I use mouseover in cypress?<\/a><\/div>\n

10. How can I perform dragNdrop in cypress?<\/a><\/div>\n

11. How can I get location Object in Cypress?<\/a><\/div>\n

12. How can filter the DOM element?<\/a><\/div>\n

13. How can I chain multiple assertion in cypress?<\/a><\/div>\n

14. How to handle window alert in cypress?<\/a><\/div>\n

15. How can I skip tests?<\/a><\/div>\n

16. Consider I have table and list of rows and data, How can I iterate and get the text?<\/a><\/div>\n

17. How can I execute JavaScript Command in Cypress?<\/a><\/div>\n

18. What is before:run event in cypress?<\/a><\/div>\n<\/div>\n

<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

This post is a continuation of\u00a0 Advance Cypress Interview Questions \u2013 Part 1\u00a0<\/a>for any QA Automation interview.\u00a0<\/p>\n

\n<\/ins>\n<\/div>\n

8. What is trigger function in Cypress?<\/a><\/h3>\n
Trigger function can be used to trigger any event on DOM element<\/p>\n
Example:<\/strong><\/p>\n<\/div>\n
\n
<\/div>\n
\n
\n
cy.get(‘a’).trigger(‘mousedown’) \/\/ Triggers mouse down event on link<\/p>\n
cy.get(‘button’).trigger(‘focus’) \/\/Focus shifts to button<\/p>\n<\/div>\n<\/div>\n<\/div>\n
\n
9. How can I use mouseover in cypress?<\/h3>\n
Cypress doesn\u2019t offer any direct method to mouse over action, so we need to use work around using trigger() event. That means we need to trigger mouseover event.<\/p>\n<\/div>\n
\n
<\/div>\n
\n
\n
cy.get(‘button’).trigger(‘mouseover’) `<\/code><\/p>\n<\/div>\n<\/div>\n<\/div>\n`
\n10. How can I perform dragNdrop in cypress?<\/a><\/h3>\nCypress doesn\u2019t offer any drag and drop functionality, for this we need to rely on trigger function and call appropriate events.<\/p>\n Example:<\/strong><\/p>\n<\/div>\n\n<\/div>\n\n\ncy.get(‘[data-cy=draggable]’)<\/p>\n \u00a0 .trigger(‘mousedown’, { which: 1, pageX: 600, pageY: 100 })<\/p>\n \u00a0 .trigger(‘mousemove’, { which: 1, pageX: 600, pageY: 600 })<\/p>\n \u00a0 .trigger(‘mouseup’)<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n11. How can I get location Object in Cypress?<\/a><\/h3>\nWe can get the location object by specifying the cy.location();<\/p>\n With location object you can get window.location()<\/strong><\/em> properties such as hash, host, hostname, href, origin, pathname, port, protocol etc.<\/p>\n Example:<\/strong><\/p>\n<\/div>\n\n<\/div>\n\n\nlet myhost = cy.location(‘host’)<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n12. How can filter the DOM element?<\/a><\/h3>\nCypress offers a way to get the filtered element, that means you can match specific values against DOM element when you select.<\/p>\n Example:<\/strong><\/p>\n<\/div>\n\n<\/div>\n\n\n<ul><\/p>\n \u00a0 <li>Home<\/li><\/p>\n \u00a0 <li>Services<\/li><\/p>\n \u00a0 <li>Advanced Services<\/li><\/p>\n \u00a0 <li>Pricing<\/li><\/p>\n \u00a0 <li>Contact<\/li><\/p>\n <\/ul><\/p>\n<\/div>\n<\/div>\n<\/div>\n\nConsider I have 5 list element, where I need to get all the li elements which matches services then I can use below code<\/p>\n<\/div>\n\n<\/div>\n\n\ncy.get(‘li’).filter(‘:contains(“Services”)’).should(‘have.length’, 2)<\/p>\n<\/div>\n<\/div>\n<\/div>\n \n13. How can I chain multiple assertion in cypress?<\/a><\/h3>\nCypress provides way to chain assertions, if you want to validate more than one conditions in your tests you can just use and <\/strong>to chain the assertions.<\/p>\n Example:<\/em><\/strong><\/p>\n<\/div>\n\n<\/div>\n\n\ncy.get(‘button’).should(‘have.class’, ‘active’).and(‘not.be.disabled’)<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n14. How to handle window alert in cypress?<\/a><\/h3>\nIn order to handle the alert or browser pop ups we need to implement uncaught:exception <\/em>in our code, then it will automatically handles the alert. If it\u2019s alert box, it internally handles and clicks on OK button always.<\/p>\n Example:<\/strong><\/p>\n<\/div>\n\n<\/div>\n\n\nCypress.on(“uncaught:exception”, (err, runnable) => {<\/p>\n \/\/ returning false here prevents Cypress from<\/p>\n \/\/ failing the test<\/p>\n return false;<\/p>\n });<\/p>\n cy.visit(“https:\/\/test.com\/popups”);<\/p>\n cy.get(‘[name=”alert”]’).click(); \/\/This will handle the pop up internally<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n15. How can I skip tests?<\/a><\/h3>\nCypress uses mocha framework internally, so we can use mocha\u2019s .skip()<\/strong> or .only()<\/strong> to skip or execute tests in cypress.<\/p>\n Option 1 :<\/strong> Use describe.only()<\/strong> or it.only()<\/strong><\/p>\n<\/div>\n\n<\/div>\n\n\ndescribe(‘Example’, function() {<\/p>\n \u00a0\u00a0\u00a0 it.only(‘Test1’, function() {<\/p>\n \u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ this test will be run<\/p>\n \u00a0\u00a0\u00a0 });<\/p>\n \u00a0\u00a0\u00a0 it.only(‘Test2’, function() {<\/p>\n \u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ this test will also be run<\/p>\n \u00a0\u00a0\u00a0 });<\/p>\n \u00a0\u00a0\u00a0 it(‘Test 3’, function() {<\/p>\n \u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ this test will not be run<\/p>\n \u00a0\u00a0\u00a0 });<\/p>\n \u00a0 });<\/p>\n<\/div>\n<\/div>\n<\/div>\n\nOption 2:<\/strong>\u00a0 Use it.skip()<\/strong> or describe.skip()<\/strong><\/p>\n<\/div>\n\n<\/div>\n\n\ndescribe.skip(‘Example’,()=> { \/\/this describe block will be skipped<\/p>\n \u00a0\u00a0\u00a0 it(‘Test1’, function() {<\/p>\n \u00a0\u00a0\u00a0\u00a0\u00a0 \/\/Some code<\/p>\n \u00a0\u00a0\u00a0 });<\/p>\n \u00a0 });<\/p>\n<\/div>\n<\/div>\n<\/div>\n \n16. Consider I have table and list of rows and data, How can I iterate and get the text?<\/a><\/h3>\nOR, I have HTML table how can I iterate in cypress without using any loop?<\/strong><\/p>\n Let\u2019s take an example we have table something like below<\/p>\n<\/div>\n\n<\/div>\n\n\n<table id=’customers’><\/p>\n \u00a0 <tr><\/p>\n \u00a0\u00a0\u00a0 <th>Company<\/th><\/p>\n \u00a0\u00a0\u00a0 <th>Contact<\/th><\/p>\n \u00a0\u00a0\u00a0 <th>Country<\/th><\/p>\n \u00a0 <\/tr><\/p>\n \u00a0 <tr><\/p>\n \u00a0\u00a0\u00a0 <td>Alfreds Futterkiste<\/td><\/p>\n \u00a0\u00a0\u00a0 <td>Maria Anders<\/td><\/p>\n \u00a0\u00a0\u00a0 <td>Germany<\/td><\/p>\n \u00a0 <\/tr><\/p>\n <\/table><\/p>\n<\/div>\n<\/div>\n<\/div>\n\nWith the above example, we can get all the text using below code.<\/p>\n<\/div>\n\n<\/div>\n\n\ncy.get(‘#customers’).get(‘tbody tr td’).each(($ele)=>{<\/p>\n cy.log($ele.text());<\/p>\n })<\/p>\n<\/div>\n<\/div>\n<\/div>\n \nOutput will be:<\/p>\n<\/div>\n \n<\/div>\n\n\nCompany<\/p>\n Contact<\/p>\n Country<\/p>\n Alfreds Futterkiste<\/p>\n Maria Anders<\/p>\n Germany<\/p>\n<\/div>\n<\/div>\n<\/div>\n \n17. How can I execute JavaScript Command in Cypress?<\/a><\/h3>\nOr<\/u><\/b>\u00a0How can I use selenium equivalent JavaScriptExecutor in Cypress<\/b><\/p>\n Cypress doesn\u2019t have JavascriptExecuter command, since cypress doesn\u2019t use webdriver. Most of the time it interacts with DOM element directly. In the line of Javascript executor we have different options in cypress.<\/p>\n Executing commands with Native HTML DOM (Jquery) element<\/p>\n Using windows object, execute the command directly on browser window.<\/p>\n Option 1 : <\/strong>Get the native HTML DOM and execute action on it<\/p>\n Example:<\/strong><\/p>\n<\/div>\n\n<\/div>\n\n\ncy.visit(‘https:\/\/www.google.com’)<\/p>\n cy.get(‘input[name=”q”]’).then(($ele)=>{<\/p>\n $ele.get(0).value=”Something”<\/p>\n })<\/p>\n<\/div>\n<\/div>\n<\/div>\n\nOption 2:<\/strong> Using window object, execute command on browser<\/p>\n Example:<\/strong><\/p>\n<\/div>\n\n<\/div>\n\n\ncy.window().then((win) =>{<\/p>\n win.eval(“document.querySelector(‘input[name=”q”]’).value=’Some Text'”)<\/p>\n })<\/p>\n<\/div>\n<\/div>\n<\/div>\n \n18. What is before:run event in cypress?<\/a><\/h3>\nbefore:run<\/strong> event is executed before any test starts in cypress, this is very helpful if you want load any external resource, or delete some folder or clean up folder etc. This before:run<\/strong> typically used in plugin<\/strong> files.<\/p>\n Example:<\/strong> <plugin\/index.js> \u00a0 Delete reports folder before running.<\/p>\n<\/div>\n \n<\/div>\n\n\nmodule.exports = (on, config) => {<\/p>\n on(‘before:run’, async (details) => {<\/p>\n await exec(“IF EXIST cypress\\reports rmdir \/Q \/S cypress\\reports”)<\/p>\n });<\/p>\n }<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n <\/div>\n<\/section>\n<\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":" Table of Contents 8. What is trigger function in Cypress? 9. How can I use mouseover in cypress? 10. How can I perform dragNdrop in cypress? 11. How can I get location Object in Cypress? 12. How can filter the DOM element? 13. How can I chain multiple assertion in cypress? 14. How to handle […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,4],"tags":[],"class_list":["post-1051","post","type-post","status-publish","format-standard","hentry","category-cypress","category-interview-questions","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=1051"}],"version-history":[{"count":0,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1051\/revisions"}],"wp:attachment":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=1051"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=1051"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=1051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}