Testing
Testing plans are created based on the project. The tests can be performed manually, or automated (Selenium Browser Automation, List of web testing tools). Automated tests are better, because you can ensure the tests are executed to the exact order necessary.
Example Free Code Camp Project Portfolio Website.
You would create tests to ensure each of these User Stories were actually fulfilled.
-
User Story: I can access all of the portfolio webpage’s content just by scrolling.
Test, Manual: -
Visit webpage
-
After webpage loads, attempt to scroll from top to bottom of webpage.
Expected Results: User is able to view all webpage content. -
After reaching bottom of webpage, attempt to scroll from bottom to top of webpage.
Expected Results: User is able to view all webpage content. -
User Story: I can click different buttons that will take me to the portfolio creator’s different social media pages.
-
User Story: I can see thumbnail images of different projects the portfolio creator has built (if you haven’t built any websites before, use placeholders.)
-
User Story: I navigate to different sections of the webpage by clicking buttons in the navigation.
Wireframing
Here are some of my previous links regarding wireframing.