Quality Tests

Here's a list of things that should work across devices and browsers. Note: checklist might need to be updated. Feel free to file a new issue with suggestions.

Adding a new feature?

1. Add tests below.
2. Test other items to makes sure nothing got broken

These things should work

1. Copy this list into a new issue.
2. Note your browser and device type.
3. Check off items that work.
4. Comment on those that don't.

### Splash screen
 - [ ] shows briefly while app loads

### Default view (Featured)
 - [ ] `Featured` view is displayed and highlighted in menu
 - [ ] cards are sorted by most recent at the top
 - [ ] cards display in columns to fit browser width responsively
 - [ ] cards contain title, name and date, a paragraph or two of text, read more link, fav button
 - [ ] `not yet implemented` height of card fits content 

### Item card
 - [ ] `Read more` button opens the detail view, hides other cards
 - [ ] Fav icon shows selected state when tapped
 - [ ] Images appear, fit to the top of some cards

### Detail view
 - [ ] Visit button opens a external link in a new tab
 - [ ] Get Involved button opens an external link in a new tab
 - [ ] Link icon button reveals a URL to share (selected to copy on desktop)
 - [ ] Fav icon shows selected state when tapped
 - [ ] Fav state persists between detail and gallery view

### Item URL shared. User opens link.
 - [ ] single item detail view displayed
 - [ ] `back` button appears in nav bar

### Search 
 - [ ] search bar appears at top of all views
 - [ ] search includes icon left aligned
 - [ ] placeholder text says "Search keywords, people, tags ...

#### Search Active (tap on search bar)
 - [ ] all projects disappear
 - [ ] nav bar is hidden
 - [ ] add new project button is hidden
 - [ ] if on Issues Tab, issues buttons are now hidden
 - [ ] clear `X` button appears on right side

#### Search Typing
 - [ ] hint text is hidden
 - [ ] only relevant cards are visible
 - [ ] shows "not found" messages if there's no matching project

#### Search Exit
 - [ ] exit search by pressing `esc` or tapping `X` icon on the right
 - [ ] nav bar and search placeholder text returns
 - [ ] returns to previous tab with nav highlighted
 - [ ] URL does not include a search query

#### Search Share Query
 - [ ] while searching, press enter or tap outside search bar to update URL with search query
 - [ ] load search URL yields search results

### Add Post Icon
 - [ ] Opens form
 - [ ] Add icon turns to Close icon
 - [ ] Form scrolls as expected, close icon doesn't move
 - [ ] Tap close icon to return to previous state
 - [ ] Item is added to the spreadsheet
 - [ ] Card is added to the site without browser refresh

### Featured view
 - [ ] this is default view for a new visitor
 - [ ] only featured cards load
 - [ ] cards are sorted by most recent at the top

### Recent View
 - [ ] all cards load
 - [ ] cards are sorted with most recent at the top

### Favs View
 - [ ] shows message if no items have been faved
 - [ ] shows all faved cards
 - [ ] most recent project should appear first in the list
 - [ ] fav icon shows selected state
 - [ ] clicking on the heart un-favs it 
 - [ ] `not yet implemented` un-faved projects immediately disappear from view 

### Issues view
 - [ ] on landing here users see message about issues
 - [ ] tapping on an issue only shows cards related to that issue
 - [ ] cards are sorted by most recent at the top
 - [ ] only one issue can be displayed at a time (though items can appear in multiple issues)

### 404 screen
 - [ ] shows error message for "project not found" URLs (e.g, https://mozilla.github.io/network-pulse/?id=p1111111111_i_do_not_exist)

Thanks!