diff --git a/cypress/integration/mirror_spec.js b/cypress/integration/mirror_spec.js index 002a419..f804534 100644 --- a/cypress/integration/mirror_spec.js +++ b/cypress/integration/mirror_spec.js @@ -1,99 +1,99 @@ -describe('Mirror-spec', () => { - describe('1. String Mirror', () => { - it('mirrors the entered string', () => { - cy.get('#mirror-input') +describe("Mirror-spec", () => { + describe("1. String Mirror", () => { + it("mirrors the entered string", () => { + cy.get("#mirror-input") .clear() - .type('Hello world!') - .get('#mirror-button') + .type("Hello world!") + .get("#mirror-button") .click() - .get('#mirror-output') - .contains('Hello world!'); + .get("#mirror-output") + .contains("Hello world!"); }); }); - describe('2. String Uppercaser', () => { - it('uppercases the entered string', () => { - cy.get('#uppercaser-input') + describe("2. String Uppercaser", () => { + it("uppercases the entered string", () => { + cy.get("#uppercaser-input") .clear() - .type('Hello world!') - .get('#uppercaser-button') + .type("Hello world!") + .get("#uppercaser-button") .click() - .get('#uppercaser-output') - .contains('HELLO WORLD!'); + .get("#uppercaser-output") + .contains("HELLO WORLD!"); }); }); - describe('3. Palindrome Detector', () => { - it('displays true when the string is a palindrome', () => { - cy.get('#palindrome-input') + describe("3. Palindrome Detector", () => { + it("displays true when the string is a palindrome", () => { + cy.get("#palindrome-input") .clear() - .type('tacocat') - .get('#palindrome-button') + .type("tacocat") + .get("#palindrome-button") .click() - .get('#palindrome-output') - .contains('It is true that tacocat is a palindrome'); + .get("#palindrome-output") + .contains("It is true that tacocat is a palindrome"); }); - it('displays false when the string is not a palindrome', () => { - cy.get('#palindrome-input') + it("displays false when the string is not a palindrome", () => { + cy.get("#palindrome-input") .clear() - .type('nachodog') - .get('#palindrome-button') + .type("nachodog") + .get("#palindrome-button") .click() - .get('#palindrome-output') - .contains('It is false that nachodog is a palindrome'); + .get("#palindrome-output") + .contains("It is false that nachodog is a palindrome"); }); }); - describe('4. Even Checker', () => { - it('displays true when the number is even', () => { - cy.get('#even-checker-input') + describe("4. Even Checker", () => { + it("displays true when the number is even", () => { + cy.get("#even-checker-input") .clear() - .type('42') - .get('#even-checker-button') + .type("42") + .get("#even-checker-button") .click() - .get('#even-checker-output') - .contains('It is true that 42 is even'); + .get("#even-checker-output") + .contains("It is true that 42 is even"); }); - it('displays false when the number is even', () => { - cy.get('#even-checker-input') + it("displays false when the number is even", () => { + cy.get("#even-checker-input") .clear() - .type('117') - .get('#even-checker-button') + .type("117") + .get("#even-checker-button") .click() - .get('#even-checker-output') - .contains('It is false that 117 is even'); + .get("#even-checker-output") + .contains("It is false that 117 is even"); }); }); - describe('5. Number Doubler', () => { - it('displays the number doubled', () => { - cy.get('#doubler-input') + describe("5. Number Doubler", () => { + it("displays the number doubled", () => { + cy.get("#doubler-input") .clear() - .type('12') - .get('#doubler-button') + .type("12") + .get("#doubler-button") .click() - .get('#doubler-output') - .contains('12 doubled is 24'); + .get("#doubler-output") + .contains("12 doubled is 24"); }); }); - describe('6. Average of Three Numbers', () => { - it('displays the average', () => { - cy.get('#average-input-1') + describe("6. Average of Three Numbers", () => { + it("displays the average", () => { + cy.get("#average-input-1") .clear() - .type('10') - .get('#average-input-2') + .type("10") + .get("#average-input-2") .clear() - .type('35') - .get('#average-input-3') + .type("35") + .get("#average-input-3") .clear() - .type('45') - .get('#average-button') + .type("45") + .get("#average-button") .click() - .get('#average-output') - .contains('The average of 10, 35, and 45 is 30'); + .get("#average-output") + .contains("The average of 10, 35, and 45 is 30"); }); }); }); diff --git a/index.css b/index.css index cea3eeb..92832e6 100644 --- a/index.css +++ b/index.css @@ -1,5 +1,5 @@ form { - border: 1px solid black; - padding: 20px; - background-color: beige; -} \ No newline at end of file + border: 1px solid black; + padding: 20px; + background-color: beige; +} diff --git a/index.html b/index.html index bfd4ca6..ca609f1 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,11 @@
Complete each of the sections below
@@ -12,36 +16,60 @@Waiting for input...
- + + +