RSS Feed Jasmine Testing

This is a small project that showcases a set of test suites using Jasmine. The webpage itself, which I did not build, is an RSS Feed aggregate for some news websites, mainly to do with technology.

A live version of the webpage running the tests can be accessed here. You can see the results of the tests at the bottom of the webpage if you scroll down. The tests take a few seconds to finish.

Running the application

While the live version of the website is up, it can also be accessed by cloning this repository and then opening the index.html file in the root directory in your browser of choice.

Gulp was only used to lint the app.js file in the js directory. If you want to replicate this part of the build system you can run the following command from within the root directory of the project:

npm install --save-dev gulp jshint gulp-jshint gulp-notify

Then, to lint the app.js file and set up a watch function on it, all you have to do is type

gulp

from inside the root directory.

Additional Tests

The additional tests that I have added should all pass as well, as the features have also been added. The added tests are as follow:

• The "closes when a feed is selected" test inside "The menu". This test is just testing a feature already present in the original version of the app. The menu should close when a new feed is selected. We select the feed already loaded/loading to test this functionality.
• The entire "Feed Creation Form" test suite is new. The feature added is a way for users to temporarily (no local storage implemented) add new RSS feeds to the webpage. There are a number of tests here.
  • The input div where users enter a new RSS feed should be hidden by default.
  • There is a button inside the menu that should open and close the input div
  • The button add feed in the input div should run the addFeed function
  • The addFeed function should have no effect on the model or view if the passed feed address is not a proper RSS feed
  • The addFeed function should add a feed to the model and view if the passed feed address is a proper RSS feed. This should also result in a cleared input element and a hidden input div.
  • We also test whether the newly added DOM element corresponding to the newly added feed can be clicked to cause loadFeed to be run with the newly added feed stored in allFeeds.