TEST PROJECT

ISSUE #01 | ERROR "404 Not Found" on home page

STEPS

• Open up Browser (Chrome was used for this test)

• Open up dev-tools for the Browser (Network Tab)

• Navigate to https://roomy-fire-houseboat.glitch.me/

• View error in Network Tab

RESULT

• GET 404 Not Found

• REQUEST URL | https://roomy-fire-houseboat.glitch.me/client.js

EXPECTED

• No 404s allowed :) 

ISSUE #02 | Pre-populated Text does not display full string

STEPS

• Open up Browser (Firefox was used for this test)

• Navigate to https://roomy-fire-houseboat.glitch.me/

• View pre-populated text in text box

RESULT

• Pre-populated text is incomplete | "Enter a number to generate a"

EXPECTED

• Pre-populated text should provide a way to display full string

COMMENTS

• If you right-click and inspect the text box, you'll see the Full Text which is "Enter a number to generate a tic tac toe board"

• Some possibile solutions?

  • Provide a tool-tip on hover that displays the full text

  • Allow user to scroll right in the text box, to see full text 

  • There's enough room on main page, add the text right below the textBox

ISSUE #03 | Red Overlay reports the wrong winner

STEPS

• Open up Browser (Firefox was used for this test)

• Navigate to https://roomy-fire-houseboat.glitch.me/

• In the Text Box | Type "3" and hit "Play"

• Play the game and let "X" win 

RESULT

• Even though "X" wins, the Red Overlay reports the wrong winner and says "O" won

EXPECTED

• Tic Tac Toe game should report the correct winner. In this case, that is "X"

ISSUE #04 | Game is still playable after the game is finished

STEPS

• Open up Browser (Firefox was used for this test)

• Navigate to https://roomy-fire-houseboat.glitch.me/

• In the Text Box | Type "3" and hit "Play"

• Play the game and let "X" win | Should see the red banner stating a winner

• Start clicking on the empty cells behind the banner 

RESULT

• Even though the game reports a winner and is finished, the user can click on empty cells behind the red banner to continue playing the game

EXPECTED

• Once the game is finished, all cells should be locked to prevent continued play

ISSUE #05 | Refreshing Page does not reset text box

STEPS

• Open up Browser (Firefox was used for this test)

• Navigate to https://roomy-fire-houseboat.glitch.me/

• In the Text Box | Type "3" and hit "Play"

• Refresh the Browser

RESULT

• Even though the game is reset, the number "3" still remains in the text box

EXPECTED

• Refreshing the browser should always reset the game and the pre-populated text

ISSUE #06 | Number 1 & 2 should not be allowed

STEPS

• Open up Browser (Firefox was used for this test)

• Navigate to https://roomy-fire-houseboat.glitch.me/

• In the Text Box | Type ("1" or  "2")  and hit "Play"

RESULT

• When using "1" to play, the game is unusable, 1 click and done

• When using "2" to play, the 3rd click wins everytime

EXPECTED

• Game should prevent users from typing in ("1" or "2")

• Both modes do not allow the game to be played correctly

ISSUE #07 | No response for Button Click with bad values entered

STEPS

• Open up Browser (Firefox was used for this test)

• Navigate to https://roomy-fire-houseboat.glitch.me/

• In the Text Box | Type in a bad value | for example  "-1"

• Click "Play"

RESULT

• When initiating Play with a bad value in the text box, clicking on "Play" does nothing

EXPECTED

• Clicking "Play" with a bad value entered, should provide an error to the user to inform them to use a numeric value

COMMENTS

• Even better yet, we could put our preventative-hats on and just block anything that isn't a positive integer. Great segue to ISSUE #08

ISSUE #08 | Only positive integers should be allowed in text box

STEPS

• Open up Browser (Firefox was used for this test)

• Navigate to https://roomy-fire-houseboat.glitch.me/

• In the Text Box | Type in (non-numeric values or negative integers | for example  "!#$!#@$abc"

RESULT

• Even though the text box is requesting for a number to be entered ....  non-numeric values, negative integers, and numbers with decimals can be entered into the text box

EXPECTED

• Text Box should only allow positive integers. This would redirect and inform the user how to setup the game correctly

ISSUE #09 | Number of squares should be limited to a smaller range

STEPS

• Open up Browser (Firefox was used for this test)

• Navigate to https://roomy-fire-houseboat.glitch.me/

• Type in "10" and hit "Play"

RESULT

• Tic Tac Toe game provides a 10x10 which isn't practical

• Though, technically this could work, it creates a very complex game

EXPECTED

• Limit the range to be 3x3 - 5x5 to be more practical

COMMENTS

• @PRODUCT_MANAGER | @DEVELOPER

• Anything larger than a 4x4 really doesn't feel practical for a Tic Tac Toe game. Looking at this through the lens of a customer, it's quite possible that they may not find this set up enjoyable. Larger boards lead to longer games and increased complexity to win. May be a good team topic for standup.

ISSUE #10 | No limit on text box triggers "Uncaught out of memory"

STEPS

• Open up Browser (Chrome & Firefox was used for this test)

• Navigate to https://roomy-fire-houseboat.glitch.me/

• Type in a very long number | for example "123456789123456789123456789123456789"

• Click on "Play"

RESULT

• On Chrome 

  • Browser would freeze up and eventually crash

  • Had to reboot, clear out cache and history to resurrect Chrome

• On Firefox

  • Browser would try to process the given value, but eventually trigger "Uncaught out of memory"

  • Had to Force-Quit, clear out cache and history to resurrect Firefox

EXPECTED

• Referencing "ISSUE#09", there should be a numerical limit on the text box. Clearing out cache, forcing apps to close and rebooting computers is not a great workaround or customer experience.

COMMENTS

• @PRODUCT_MANAGER | @DEVELOPER

• This is another good topic for standup. Not limiting the numerical range on the text box will allow the app to consume more memory than allotted. 

ISSUE #11 | No messaging for a Tie Game

STEPS

• Open up Browser (Firefox was used for this test)

• Navigate to https://roomy-fire-houseboat.glitch.me/

• In the Text Box | Type "3"

• Click on "Play"

• Play the game so it becomes a "Tie"

RESULT

• Even though the game has come to end, there is no messaging at all

EXPECTED

• A Red Overlay to appear with text explaining:

  • This is a Tie game

  • No winners

  • Refresh the browser to start again

ISSUE #12 | [Accessibility] Unable to play game with keyboard only

STEPS

• Open up Browser (Firefox was used for this test)

• Navigate to https://roomy-fire-houseboat.glitch.me/

• Using a keyboard only:

  • Hit "Tab" and highlight text box

  • In the Text Box | Type "3"

  • Hit "Tab" to focus on "Play" button

  • Hit "Enter" | Tic Tac Toe grid appears

  • Hit "Tab" to focus on the Tic Tac Toe grid

RESULT

• The Tic Tac Toe grid isn't accessible through the keyboard

• Hitting "Tab" does not focus on the Tic Tac Toe grid

EXPECTED

• For Accessibility, the user should be able to play the Tic Tac Toe game using the keyboard only

COMMENTS

• @PRODUCT_MANAGER

• Another thought crossed my mind, Screen Readers. Looking at the HTML structure, its possible the Tic Tac Toe game may not be compatible. I didn't test it myself (need to search for a Screen Reader tool), but this could be something the team can look into if Accessibility is important for this product.

ISSUE #13 | [Feature Request] Add a Tic Tac Toe title

STEPS

• Open up Browser (Firefox was used for this test)

• Navigate to https://roomy-fire-houseboat.glitch.me/

RESULT

• Landing Page is pretty bare. Adding a Title could go a long way

EXPECTED

• A Title "Tic Tac Toe" to be displayed.

COMMENTS

• @PRODUCT_MANAGER

• This feels like a low-hanging fruit that could improve the customer experience. I'll put in a vote to declare what the game is with a "Tic Tac Toe" Title. Great topic for the next team standup!