This is the 5th project for the Udacity Front-End Web Dev Nanodegree.
Copy/clone repository from Github using Git:
$ git clone git@github.com:nyafologus/frontend-nanodegree-feedreader.gitOpen index.html in your browser.
Alternatively, you can download it from here, or check it out live here!
This project is about a web-based application that reads RSS feeds. According to the hypothetical scenario that I was provided with, the original developer of this application clearly saw the value in testing, as they've already included Jasmine and even started writing their first test suite! Unfortunately, they decided to move on to start their own company, thus the application was left with an incomplete test suite.
Testing is an important part of the development process and many organizations practice a standard of development known as "test-driven development". This is when developers write tests first, before they ever start developing their application. All the tests initially fail and then they start writing application code to make these tests pass.
Whether we work in an organization that uses test-driven development or in an organization that uses tests to make sure future feature development doesn't break existing features, it's an important skill to have!
I learned how to use Jasmine to write a number of tests against a pre-existing application. These test the underlying business logic of the application as well as the event handling and DOM manipulation.
- Writing effective tests requires analyzing multiple aspects of an application including the HTML, CSS and JavaScript - an extremely important skill when changing teams or joining a new company.
- Good tests give us the ability to quickly analyze whether new code breaks an existing feature within the codebase, without having to manually test all of the functionality.
Reviewed the Feed Reader Testing Project Rubric
- Took the JavaScript Testing course
- Downloaded the required project assets.
- Reviewed the functionality of the application within my browser.
- Explored the application's HTML (./index.html), CSS (./css/style.css) and JavaScript (./js/app.js) to gain an understanding of how it works.
- Explored the Jasmine spec file in ./jasmine/spec/feedreader.js and reviewed the Jasmine documentation.
- Edited the
allFeedsvariable in ./js/app.js to make the provided test fail and learned how Jasmine visualizes this failure in the application. - Returned the
allFeedsvariable to a passing state. - Wrote a test that loops through each feed in the
allFeedsobject and ensured it has a URL defined and that the URL is not empty. - Wrote a test that loops through each feed in the
allFeedsobject and ensured it has a name defined and that the name is not empty. - Wrote a new test suite named
"The menu". - Wrote a test to ensure the menu element is hidden by default. Analyzed the HTML and the CSS to determine how the hiding/showing of the menu element is performed.
- Wrote a test to ensure the menu changes visibility when the menu icon is clicked. This test had two expectations: the menu should display when clicked and it should hide when clicked again.
- Wrote a test suite named
"Initial Entries". - Wrote a test to ensure that on completion of calling the
loadFeedfunction, there is at least a single.entryelement within the.feedcontainer. - Wrote a test suite named
"New Feed Selection". - Wrote a test to ensure that whenever a new feed is loaded by the
loadFeedfunction the content actually changes. - Learned that no test should be dependent on the results of another.
- Leveraged the usage of callbacks to ensure that feeds are loaded before they are tested.
- Implemented error handling for undefined variables and out-of-bound array access.
- On completion, all of the tests should pass.
- Wrote the README file detailing all steps required to successfully run the application.