In this article I am going to explain top 10 cypress programming interview questions with answers. These are the mostly asked interview questions for the different companies
Question 1: Write a Cypress test for a login page
Answer:
describe(‘Login Test’, () => {
it(‘should login successfully’, () => {
cy.visit(‘/login’);
cy.get('#username').type('testuser');
cy.get('#password').type('password123');
cy.get('#login').click();
cy.url().should('include', '/dashboard');
cy.contains('Welcome').should('be.visible');});
});
Question 2: How do you select an element and enter text?
Answer:
cy.get(‘#username’).type(‘Bhaskar’);
cy.get(‘#email’).type(‘test@example.com’);
Question 3: Write code to select a value from a dropdown
Answer:
cy.get(‘#country’)
.select(‘India’);
cy.get(‘#country’)
.should(‘have.value’, ‘IN’);
Question 4: Write a test to verify multiple products
Answer:
cy.get(‘.product’).should(‘have.length’, 5);
cy.get(‘.product’)
.each(($product) => {
cy.wrap($product)
.should(‘be.visible’);
});
Question 5: Write Cypress code to intercept an API
Answer:
cy.intercept(‘GET’, ‘/api/products’).as(‘getProducts’);
cy.visit(‘/products’);
cy.wait(‘@getProducts’)
.its(‘response.statusCode’)
.should(‘eq’, 200);
Question 6: Write code to validate an API response
Answer:
Get Request:
cy.request(‘GET’, ‘/api/users’)
.then((response) => {
expect(response.status).to.eq(200);
expect(response.body).to.have.property(‘users’);
});
Post Request:
cy.request(‘POST’, ‘/api/login’, {
username: ‘testuser’,
password: ‘password123’
}).then((response) => {
expect(response.status).to.eq(200);
expect(response.body.token).to.exist;
});
Question 7: Write a custom Cypress command
Answer:
Command.js
Cypress.Commands.add(‘login’, (username, password) => {
cy.get(‘#username’).type(username);
cy.get(‘#password’).type(password);
cy.get(‘#login’).click();
});
Usage in Test:
cy.visit(‘/login’);
cy.login(‘testuser’, ‘password123’);
cy.url().should(‘include’, ‘/dashboard’);
Question 8: Write code to verify table data
Answer:
cy.get(‘table tbody tr’).each(($row) => {
cy.wrap($row).within(() => {
cy.get(‘td’).eq(0).should(‘not.be.empty’);
cy.get(‘td’).eq(1).should(‘not.be.empty’);
});
});
Question 9: Write a Cypress test for a checkbox/radio button
Answer:
Validate Check the checkbox:
cy.get(‘#terms’)
.check()
.should(‘be.checked’);
Validate UnCheck the checkbox:
cy.get(‘#terms’)
.uncheck()
.should(‘not.be.checked’);
Question 10: Write a data-driven Cypress test
Answer:
const users = [
{ username: ‘user1’, password: ‘pass1’ },
{ username: ‘user2’, password: ‘pass2’ },
{ username: ‘user3’, password: ‘pass3’ }
];
users.forEach((user) => {
cy.visit('/login');
cy.get('#username').type(user.username);
cy.get('#password').type(user.password);
cy.get('#login').click();
cy.url().should('include', '/dashboard');
});