Functional Testing
for Automation or Manual Testing
Test Task 1: Checkboxes
User Story
As a user I should view a heading ‘My favourite season is’ and four options with checkboxes, Summer, Autumn, Winter, Spring, with a red submit button. I should be able to enter a check in one checkbox only, then click the ‘submit’ button. I should be able to deselect a checkmark. When I check a checkbox, then check an additional checkbox, the first checkbox should be automatically deselected. I should not be able to click submit when no checkboxes are checked. When I have clicked ‘submit’ the following message should be displayed: Your message has been sent My favourite season is: OPTION (the option selected, e.g Summer)
Example test cases
Heading should be displayed: ‘My favourite season is’
Four checkboxes with labels ‘Summer’ ‘Autumn’ ‘Winter’ ‘Spring’ should be displayed
A red submit button should be visible
Checkboxes can be selected and deselected
Form is submitted when one option is selected
Validation is displayed when >1 checkboxes are checked
Validation is displayed when submit is clicked when no checkbox is checked
Checkboxes
Thank you for your response. ✨
Test Task 2 : Contact Form
User Story
As a user I should view a form containing the following 3 input fields:
1) Label: Name (required), Placeholder: e.g. Jane Smith,
2) Label: Email (required), Placeholder: example@test.com,
3) Other details.
The user should view a red ‘send’ button which submits the form.
The form can only be submitted when required fields (1&2) have values inputted into them.
The email field must have input values containing email format.
Example Test Cases
Input fields 1&2 should display label, placeholder and ‘(required)’.
Input field 3 should display label only.
A red ‘send’ button should be visible
Form is submitted when values are entered into fields 1, 2 and 3.
Form is submitted when values are entered into fields 1 & 2 only.
Validation is displayed when required fields are empty
Validation is displayed when text entered into email field is not in email format.
Validation is displayed when character limit is exceeded.
Form
Thank you for your response. ✨
Test Task 3: Dropdown Menus
User Story
As a user I should view a form containing the following 3 dropdown menus, with yellow labels, and options:
1.Label: Select a Medium, Options: Watercolour, Acrylic, Oil, Mixed Media, Ink, Aerosol Spray, Digital
2. Label: Select a Location, Options: London, Birmingham, Brighton, Manchester
3. Label: Select a Duration: Options: Part time (3 years), Full time (1 year)
I should view a submit button, with red text ‘SUBMIT’, which submits the form. Field are pre-populated with the first option from each list. When I have clicked ‘submit’ the following message should be displayed: ‘Your message has been sent’, and include labels and selected options
Example Test Cases
3 dropdown menus and their labels should be visible
Each dropdown should contain list items
A ‘submit’ button should be visible
Form is submitted when ‘submit’ button is clicked
Text is displayed after form has been submitted.
Dropdown: Art class
Thank you for your response. ✨
Test Task 4: Date Picker
User Story
As a user I should view a form containing a date picker. Label should have text “Date of Birth:”.
When I click into the input field I should see a date picker and be able to select a date in the past only.
A validation should be displayed if the field is left blank and I click ‘submit’
When I enter a date and click ‘submit’ I should see a message: ‘Your message has been sent’ And should display the date that was selected in the format dd/mm/yyyy.
Example Test Cases
Label (Date of Birth: Required), input field and ‘Submit’ button should be visible
Date in the past can be selected using date picker
Validation is displayed when future date is selected
Form is submitted when ‘submit’ button is clicked, and message is displayed.
Validation is displayed when input field is empty and ‘submit’ button is clicked
Date Picker: DOB
Thank you for your response. ✨
Nina McKenzie 