Form Function

1. Navigate to localhost/wamp in a browser

   Expected: Page loads and displays task list

2. Click into the text field and enter some information

   Expected: Input field displays what the user types

Adding a Task

3. Clear the previously entered input

   Expected: Input form is now blank

4. Click the + button

   Expected: Message displays asking for valid input

5. Click the ENTER key on keyboard

   Expected: Message displays asking for valid input

6. Open a new tab and open phpmyadmin, login in and open todo database, items table

   Expected: Table is open and a blank table is displayed

7. Navigate back to the app in the browser, click the input field and enter some text into the field and click the ENTER key on the keyboard

   Expected: Page is refreshed and the new information is displayed in the list, checking the database a new record exists with the text, done = 0, the create date at the time of creation and a 1 for the user id

8. Hit TAB on the keyboard and enter another body of text in the input field, but this time click the + button on the display

   Expected: Same results as step 7 above

9. Try adding multiple tasks

   Expected: The tasks are added in the same manner as step 7

Marking a Task Done

10. Hover the mouse over an existing item on the list

    Expected: The background color changes to white, and the mouse indicator becomes a pointer indicating the item is clickable

11. Left click on an item in the list

    Expected: The item is moved to the bottom of the list below the input and below a horizontal line, the text and field have a lighter opacity, the text has a strike through, a message appears indicating the count of items marked done. Checking the items table in phpmyadmin shows that record has done = 1

12. Try marking multiple things done

    Expected: Things are marked and have the same behavior as in step 11

Deleting a Task

13. Hover an item in the marked done

    Expected: The items have the same hover behavior as the above list but at a lighter opacity

14. Click an item in the marked done

    Expected: The item, is faded out, the display message changes as the count drops, it disappears if there is nothing in the list. Checking the items table in phpmyadmin reflects that the record has been deleted

15. Try deleting multiple things

    Expected: The behavior as defined in step 14 is consistent