have some unit tests

[Grant094]

• [x] take relevant codecademy course(s) on unit testing
  • [x] https://www.codecademy.com/learn/learn-javascript-unit-testing
  • [x] https://www.codecademy.com/learn/learn-react-testing
• [x] write one unit test
• [x] write more unit tests for stuff
  • [x] add title attribute to [most...all] HTML elements (including imgs)
  • [x] test that everything is rendered correctly on page load
  • [x] test that all features exist and are visible on page load
  • [x] test that all boxes exist, are visible, and are unfilled on page load
    • [x] create array of all boxes
  • [x] test that ball1 is visible and at the same location as start
  • [x] test that ball2 is visible and at the same location as the drain
  • [x] clean-up tests so far
    • [x] move const element = ... in it.each(constants.ALL_FEATURE_IDS) under an // act comment
    • [x] change titles of it.each(constants.ALL_FEATURE_IDS) and it.each(constants.ALL_BOX_IDS) to align with "should..." format
    • [x] have render(<Home />) run before each test instead of at the beginning of each test
  • [x] change testing locations of balls to calculate where start and drain are
  • [x] test that everything is rendered correctly after restarting the game (exists, have correct visibility, and balls are in the correct locations)
  • [x] enable inputting specific sequence of dice rolls into Home instead of having them randomly generated
  • [x] delete describe('on restart',...) for now
  • [x] change testing "on page load" to have it blocks that check for each box, feature, and ball instead of an it.each block that rerenders to search for each box, feature, and ball
  • [x] test that valid moves can be made
  • [x] test that the ball moves to valid locations on valid rolls from start
  • [x] test that the ball can select hammer spaces in the correct order
  • [x] test that score changes by the correct amount after moving as part of moving
  • [x] add test within describe('moving from start to features that can receive from start on the table') for moving to ferriswheelcar12 on a correct roll and the score being "0"
  • [x] test that everything renders correctly after ending a round, including that solid boxes stay filled in and that dashed boxes are cleared
  • [x] cut or copy portions of movement tests that are about end-of-round stuff and paste (possibly with modifications) those portions within describe('ending a round (but not the game)')
  • [x] rename describe and it blocks about moving to say that score is correctly either updated or not changed
  • [x] test that outlanes add the correct number of points based on which flipper boxes were filled (and test that filling the nearer inlane does not change the amount awarded)
  • [x] rename describe blocks to start with "when" so a sentence can be structured as "Home when ... it ..."
  • [x] test that everything is rendered correctly after restarting the game, even after some of another game has been played
  • [x] test that each group clears upon all boxes being filled in
• [x] fix page.test.js to have "Home" as the string inside describe() instead of "Table"

[Grant094]

asked https://stackoverflow.com/questions/77923574/how-can-i-test-specific-sequences-of-dice-rolls-in-a-react-app.

[Grant094]

asked https://stackoverflow.com/questions/77923574/how-can-i-test-specific-sequences-of-dice-rolls-in-a-react-app.

this did not work out, but after additional research, I have realized I can test behavior of the app, but I need to write detailed and complex tests to simulate user inputs. this would essentially be the manual testing I've done where I prioritize a given capability and attempt to test it based on the dice rolls.

[Grant094]

asked https://stackoverflow.com/questions/77923574/how-can-i-test-specific-sequences-of-dice-rolls-in-a-react-app.

this did not work out, but after additional research, I have realized I can test behavior of the app, but I need to write detailed and complex tests to simulate user inputs. this would essentially be the manual testing I've done where I prioritize a given capability and attempt to test it based on the dice rolls.

or, I can do one of the following:

• I can pass an array of boxes that should be filled on start and an array of dice values to use for testing
• I can move state above the page so either a game or a test run defines state and do testing from that

[Grant094]

all tasks involving alerts were moved to #219 since, according to https://www.reddit.com/r/reactjs/comments/tscxxg/comment/i2qzccl/?utm_source=share&utm_medium=web2x&context=3, alerts should not be used and are difficult to test anyway