Skip to content
Snippets Groups Projects
Commit c4d1111c authored by MUNIER Florian's avatar MUNIER Florian
Browse files

[add] e2e_tests

parent 519aec15
No related branches found
No related tags found
No related merge requests found
describe("Calculator", () => {
it("Default value on screen", () => {
cy.visit("http://localhost:4173/");
cy.get("[data-cy=screen_value]").contains("0");
});
it("add functions", () => {
cy.visit("http://localhost:4173/");
cy.get("[data-cy=button]").contains("1").click();
cy.get("[data-cy=button]").contains("+").click();
cy.get("[data-cy=button]").contains("3").click();
cy.get("[data-cy=button]").contains("=").click();
cy.get("[data-cy=screen_value]").contains("4");
});
it("subtraction functions with negative result", () => {
cy.visit("http://localhost:4173/");
cy.get("[data-cy=button]").contains("1").click();
cy.get("[data-cy=button]").contains("-").click();
cy.get("[data-cy=button]").contains("3").click();
cy.get("[data-cy=button]").contains("=").click();
cy.get("[data-cy=screen_value]").contains("-2");
});
it("subtraction functions with negative values", () => {
cy.visit("http://localhost:4173/");
cy.get("[data-cy=button]").contains("-").click();
cy.get("[data-cy=button]").contains("1").click();
cy.get("[data-cy=button]").contains("-").click();
cy.get("[data-cy=button]").contains("3").click();
cy.get("[data-cy=button]").contains("=").click();
cy.get("[data-cy=screen_value]").contains("-4");
});
it("subtraction functions with positive result", () => {
cy.visit("http://localhost:4173/");
cy.get("[data-cy=button]").contains("5").click();
cy.get("[data-cy=button]").contains("-").click();
cy.get("[data-cy=button]").contains("3").click();
cy.get("[data-cy=button]").contains("=").click();
cy.get("[data-cy=screen_value]").contains("2");
});
it("division function with integer result", () => {
cy.visit("http://localhost:4173/");
cy.get("[data-cy=button]").contains("4").click();
cy.get("[data-cy=button]").contains("/").click();
cy.get("[data-cy=button]").contains("2").click();
cy.get("[data-cy=button]").contains("=").click();
cy.get("[data-cy=screen_value]").contains("2");
});
it("division function with float result", () => {
cy.visit("http://localhost:4173/");
cy.get("[data-cy=button]").contains("3").click();
cy.get("[data-cy=button]").contains("/").click();
cy.get("[data-cy=button]").contains("4").click();
cy.get("[data-cy=button]").contains("=").click();
cy.get("[data-cy=screen_value]").contains("0.75");
});
it("division function with negative result", () => {
cy.visit("http://localhost:4173/");
cy.get("[data-cy=button]").contains("8").click();
cy.get("[data-cy=button]").contains("/").click();
cy.get("[data-cy=button]").contains("-").click();
cy.get("[data-cy=button]").contains("4").click();
cy.get("[data-cy=button]").contains("=").click();
cy.get("[data-cy=screen_value]").contains("-2");
});
it("multiplication function", () => {
cy.visit("http://localhost:4173/");
cy.get("[data-cy=button]").contains("3").click();
cy.get("[data-cy=button]").contains("*").click();
cy.get("[data-cy=button]").contains("4").click();
cy.get("[data-cy=button]").contains("=").click();
cy.get("[data-cy=screen_value]").contains("12");
});
it("multiplication function with negative result", () => {
cy.visit("http://localhost:4173/");
cy.get("[data-cy=button]").contains("-").click();
cy.get("[data-cy=button]").contains("3").click();
cy.get("[data-cy=button]").contains("*").click();
cy.get("[data-cy=button]").contains("4").click();
cy.get("[data-cy=button]").contains("=").click();
cy.get("[data-cy=screen_value]").contains("-12");
});
it("reset function", () => {
cy.visit("http://localhost:4173/");
cy.get("[data-cy=button]").contains("7").click();
cy.get("[data-cy=button]").contains("C").click();
cy.get("[data-cy=screen_value]").contains("0");
});
});
// https://docs.cypress.io/api/introduction/api.html
describe('My First Test', () => {
it('visits the app root url', () => {
cy.visit('/')
cy.contains('h1', 'You did it!')
})
})
......@@ -61,7 +61,7 @@ function onClick(e: any) {
<template>
<div class="calculator">
<div class="display">
<div class="display" data-cy="screen_value">
<div v-if="show_result">{{ screen_value }}</div>
<div v-else>{{ 0 }}</div>
</div>
......@@ -71,6 +71,7 @@ function onClick(e: any) {
:key="e"
:style="parameter"
@click="onClick(e)"
data-cy="button"
>
{{ e }}
</button>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment