London | May-2025 | Sisay Mehari | Quote Generator App #593
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Self checklist
🚀 Quote Generator App
This pull request adds a quote generator that:
Displays a random quote with its author
Lets the user generate new quotes by clicking a button
Is styled with basic HTML & CSS
✅ What’s included
HTML structure for quote and author
JavaScript functionality using querySelector, addEventListener, and a helper function pickFromArray
Styling to make the app readable and clean
Tests that check:
The initial quote is rendered correctly
Clicking the button shows a new quote
Test file: quotes.test.js
Helper: pickFromArray(choices) to pick a quote randomly
🧪 Testing
All tests pass (npm test ✅)
Covered:
Initial quote display
Changing to new quotes
Used JSDOM, @testing-library/user-event, and controlled Math.random() for predictable test results
Questions:
None at the moment.