UWIDCIT Test Suite 1

Version 2.0.7 A collection of E2E test cases

Installation

$ npm i --save testsuite1

Then require the package in your mocha test file:

//inside test.js
const testsuite1 = require('testsuite1');

Running Tests

Ensure your site is running on http://localhost:8080/index.html then execute your test using mocha.comment

$ mocha test.js

Design

The page shoulg implement the following design:

Test Cases

| Number | Test Suite | Tests | |--------|------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 | Should have the appropriate Title | Page should have "The Pigeon Site" as the title | | 2 | Should have the specified body structure | Should have an element for the top of the page Should have an element for containing navigation links Should have an element for the foot of the page Should have an element for the main content Should have a 2nd child element of the main content the body should have no space outside of its border the body should have no space between its content and border the body should be coloured black the body should have a minimum height of its parent | | 3 | Should have navigation links | Should have an element for a navigation bar Should have a bulleted list child element of the navigation bar Should have a bulleted list of 2 items Should have each list item containing a link Should have links that jump to a section of the page | | 4 | Should have a picture section | Should have an element with appropriate id Should have an heading 1 element with the content "Picture" Should have should have an element that properly references pigeon.jpg should have a width of 500px | | 5 | Should have trivia section | Should have an element with an appropriate id Should have an heading 1 element with the content "Picture" Should have an element with collapsible text Should have 3 collapsible elements Should have the specified trivia content should be coloured #D9DCD6 for the summary should have a padding of 1 em for the summary should be spaced 1em between the content and border for the de | | 6 | Should have a famous pigeons section | Should have an element with appropriate id Should have an heading 1 element with the content "Famous Pigeons" Should have an tabulation of pigeon data of the appropriate structure Should have 3 rows Should have the specified content in the given order should have a spacing of 1em between its content and borders in the table cells should have a solid 1px thick rgb(221, 221, 221) coloured border around the table cells should have its table cell text aligned left should have a spacing of 1em between its content and borders in the table header should have a solid 1px thick rgb(221, 221, 221) coloured border around the table headers should have its table header text aligned left | | 7 | Should have contact section | Should have an email input Should have an input for long text Should have an submit button with the text "submit" Should have and "Email" as the first label in form Should have and "Message" as the second label in form with a form with a 1 em spacing between the content and border have all form labels displayed in line | | 8 | Every Section | should have a spacing of 1em between the content and border should be 500px tall should be should be spaced automatically outside of its left border should be should be spaced automatically outside of its right border should be coloured white should be 80% of its parent's width should have its corners rounded by 4px should have a space 1.5em space between its content and border |