feed-reader test (Udacity Front-end Nanodegree)

Tools

• OS : Windows 10 Home
• language : HTML, CSS, JavaScript, jQuery
• tools : Atom text editor, Github Desktop, Jasmine(ver 2.1.2)

Test list (at jasmine/spec/feedreader.js)

It tests app.js at 'js/app.js'.

• Check allFeeds variable is not empty.
• Check allFeeds variable has url and name properties.
• Check menu bar can hide and show of menu element.
• Check menu bar has visibility when menu icon is clicked.
• Check loadFeed function that loads site's link and title can be called perfectly.
• Check when a new feed is loaded by the loadFeed function that the content actually changes.

How to run

1. First, open index.html
2. There are lists of specs that each spec is testing codes.
3. By clicking one spec, Jasmine will check feedreader.js code, and show a result to Web page.
4. If the result is true, it will show

1 spec, 0 failures

with green line. 5. And clicking suite can check below specs at once.

Reference

• W3Schools
• Stack Overflow
• MDN web docs

Images