Environment:
Bootcards version 0.1

Steps to reproduce:

1. Open app > Companies
2. Start searching item
3. Tap on any item
4. Ensure item details is displayed
5. Tap 'Back' link

Expected result:
List of items design is not broken

Actual result:
Search companies field design is broken

Environment:

Steps to reproduce:
1.

Expected result:

Actual result:

Environment:
iPad Air 7.1

Steps to reproduce:

1. View the app in Portrait view
2. Dashboard > 40 Companies

Expected result:
List of Companies is displayed

Actual result:
by default it shows first company detail page

Environment:
Chrome v37.0

Steps to reproduce:

1. Go to companies tab
2. Press on any Notes or Contacts on the right side
3. Try to get back to company list
   Expected result:
   Back button or something like that available.

Actual result:
Only browswr back button is performing the afction which is quite confusing.

Environment:
iPhone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Open the bootcards.herokuapp.com site
2. Scroll down the page at the bottom of the screen
3. Observe

Expected result:
Screen is properly displayed, User can see all it's details in it

Actual result:
Bar with Dashboard Companies Contacts and Notes is overlapping the screen and some details can't be seen

Environment:
Apple iPad Air 7.1

Steps to reproduce:

1. Change the Orientation from Landscape to Portrait and Portrait to landscape for 7-8 time or tao on Show data link then try to do the same thing.

Expected result:
chart position should be align centered.

Actual result:
When changing orientation chart alignment does not preserve the correct position.

Environment:
Bootcards version 0.1

Steps to reproduce:

1. Open app > Dashboards
2. Tap on last item called 'Files'

Expected result:
Files are displayed

Actual result:
Nothing happens

Environment:
Browser: Mozilla Firefox v32
Software:Bootcards version 0.2

Steps to reproduce:

1. Access the app.
2. Go to the Charts section.
3. Click on the Show Data buttons (for every chart)

Expected result:
The data presented in the charts should replace the charts.

Actual result:
The Show Data buttons are unresponsive.

Note: Also tested for Chrome v37 and the Show Data buttons work accordingly.

Environment:
iPhone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Go to Contacts screen
2. Scroll the page at the bottom of the screen
3. Tilt the device on landscape mode
4. Observe the bottom of the screen

Expected result:
Page is properly displayed, with no issues in it

Actual result:
There is an extra gray border on the bottom of the screen

Environment:
http://bootcards-staging.herokuapp.com/
HTC One M7 Android 4.2.2

Steps to reproduce:

1. Add a widget from a bookmark of the app url to your phone's homescreen
2. Open the app from the homescreen

Expected result:
A splash screen is displayed before showing the app

Actual result:
The app is loaded in browser and no splash screen is displayed

Environment:
Bootcards version 0.1

Steps to reproduce:

1. Open app > Companies
2. Tap on item
3. Tap on Edit

Expected result:
Edit item view design is not broken

Actual result:
Edit item view is broken

Steps to reproduce:

1. Open the page http://bootcards.herokuapp.com/ under Safari on IPhone 4S
2. Go to Notes tab
3. Select any note
4. Tap Edit button
5. Tap Delete button
6. Tap OK on confirm message

Expected result: As the test case, the item should not be deleted

Actual result: Error message displays

Environment:
iPad Air 7.1

Steps to reproduce:

1. view the dashbaord in portrait view.

Expected result:
UI Issue should not occur in landscape or Portrait view.

Actual result:
Text is seen overlaps in Portrait view

Environment:
Bootcards version 0.1

Steps to reproduce:

1. Open app > Dashboard
2. Tap on Charts
3. Tap on any sector on first chart

Expected result:
team member and data is changed

Actual result:
Nothing happens

PS! Selectin different team member on chart to display works on PC

Environment:
iPhone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Go to Contacts screen
2. Tap on a contact to open it
3. Tap the Edit button
4. Tap the delete contact button
5. When confirmation pop-up is displayed tap the ok button
6. Check if the contact was deleted

Expected result:
Contact is deleted after the OK button was tapped

Actual result:
Even if the OK button was tapped, the contact is not deleted

Environment:
Bootcards version 0.1

Steps to reproduce:

1. Open app > Companies
2. Start searching item

Expected result:
Searched item is filtered out

Actual result:
Nothing happens

Environment:
http://bootcards-staging.herokuapp.com/
Samsung Galaxy S4, Android 4.3

Steps to reproduce:

1. Select '40 Contacts' from the dashboard.
2. Select any contact.
3. Select the Edit button and then cancel out of the modal that appears.

Expected result:
The Edit button should remain the same as it was when first selected.

Actual result:
The button will turn blue after you close the modal. This occurs with all Edit/Add buttons in Contacts, Companies, and Notes.

Note: it's possible that the true issue is that the button should always be blue/solid from the beginning and it's not.

Steps to reproduce:

1. Open the site http://bootcards.herokuapp.com/ under Safari on IPhone 4S
2. Go to Dashboard
3. Tap on Charts

Expected result: There are should be 4 charts display

*Actual result: Only 3 charts displays. Missing "Sales by product type" chart *

IMG_1371.mp4

Environment:
http://bootcards-staging.herokuapp.com/
Using Android stock browser
Samsung Galaxy Note 2 Android 4.4.4

Steps to reproduce:

1. Open http://bootcards-staging.herokuapp.com/
2. Go to for example Companies.
3. Press Back (hardware) button on device.
4. Notice that although you're back to Dashboard, header is still saying "Companies".

Expected result:
Header should be updated on using Back button or Back button should be disabled.

Actual result:
Header says "Companies".

Environment:
iPhone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Tap the side menu button
2. Tap the Contacts button
3. In the screen displayed perform a search
4. Observe that after the search is performed, the Contacts is changed in Costumers

Expected result:
After the search is performed, the title of the screen is still Contacts and not Costumers

Actual result:
After the search is performed Contacts is changed in Costumers

Steps to reproduce:

1. Open http://bootcards.herokuapp.com on Safari IPhone 4S

Expected result: The Dashboard page displays properly

*Actual result: Sometime, "Serve cannot be found" error displays *

Environment:
iPhone 4S iOS 8 GM

Steps to reproduce:

1. Open company > open specific company > Edit
   2 Select a text field for editing.
2. Scroll up or down

Expected result:
The window is scrolled up or down

Actual result:
Sometimes it scrolls, other times it takes you back on the focused field

Environment:
Bootcards version 0.1

Prereq:
Using PC

Steps to reproduce:

1. Open URL > Notes
2. Details of the first item are displayed

Expected result:
All details to be correct

Actual result:
Note type is wrong. Its changed after selecting item

Environment:
Bootcards version 0.1

Prereq:
App is opened in PC

1. Open app > Companies

By default first item is selected and its details displayed. It could be highlighted, so its more intuitive to understand which items details are displayed

Environment:
Browser: Internet Explorer 11
Software:Bootcards version 0.2

Steps to reproduce:

1. Access the app and tap Notes
2. Select any other note than the default one
3. Refresh the page and observe

Expected result:
Notes list removed when refreshing the page

Actual result:
Page is refreshed properly

Note:
Issue is reproduced for Contacts also

z.mkv

Environment:
Phone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Go to Contacts screen
2. Tap over a contact to open it
3. Scroll down the page and tap the Stingray button
4. In the screen displayed tap one of the following buttons: Download, Favorite or Email

Expected result:
Buttons should work and open what they are expected to work

Actual result:
Nothing happens when those buttons are tapped

Environment:
iPhone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Load the site
2. Tap the side menu button
3. Tap again the side menu button to close it
4. Observe the Menu button

Expected result:
Menu button has the same color before it was tapped. (not a press button state)

Actual result:
After the side menu is collapsed the side menu button has the same color as it is when the side menu is displayed

Environment:
Bootcards version 0.1

Steps to reproduce:

1. Open app > Dashboard
2. Tap Charts

Expected result:
All 4 available charts are displayed

Actual result:
3rd chart called 'Sales by product type - $m' is not displayed

Environment:
Phone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Go to Contacts screen
2. Tap over a contact to open it
3. Scroll down the page and tap the Stingray button
4. Tap the Side menu button
5. Observe

Expected result:
Side menu is displayed properly and user can navigate to the hole app

Actual result:
Nothing is displayed in the side menu and user has to force close the app and reopen it to be able to use it

Environment:
http://bootcards-staging.herokuapp.com/
HTC One M7, Android 4.2.2

Steps to reproduce:

1. Open the app in portrait mode
2. Navigate to the contacts or notes page
3. Change the phone orientation to landscape - page layout is ok
4. Change the phone orientation back to portrait - page layout is ok
5. Change the phone orientation again to landscape

Expected result:
Page layout is ok

Actual result:
Page layout is broken

Note, the layout may break this way on some other pages as well.

Environment:
iPhone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Go to Contacts
2. Tap over a contact to open it
3. Tap the Add button from the notes section
4. Add some details to each field
5. Tap the save button
6. Check if the note for that contact was saved

Expected result:
Note was successfully saved

Actual result:
Note was no saved for that contact

Environment:
http://bootcards-staging.herokuapp.com/
Using Android stock browser
Samsung Galaxy Note 2 Android 4.4.4

Steps to reproduce:

1. Open http://bootcards-staging.herokuapp.com/
2. Go to for example Companies, click Add.
3. Press Back (hardware) button on device.
4. Notice that the dialog is still open, but the application has changed it's screen.

Expected result:
The add/edit dialog should be closed when user presses Back button on the device or at least shouldn't cause the page to change to previous one when the dialog is opened.

Actual result:
When user presses the back button, the add/edit dialog stays opened, but user is move to previous page.

Environment:
iPhone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Go to Contacts screen
2. Tap on a contact to open it
3. Tap the edit button
4. In the screen displayed tap the view source at the end of the screen
5. Observe

Expected result:
Same source should be displayed as it is when the user taps the view source in the contact screen (without tapping the edit button)

Actual result:
Nothing happens, After the link button is tapped the status is changed into the press state

Environment:
iPhone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Go to Contacts screen
2. Tap the Add button to add a new contact
3. Fill in all fields with valid data
4. Tap the save button
5. Check if the Contact was saved

Expected result:
Contact is successfully saved

Actual result:
Contact is not saved

Environment:
iPhone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Co to Contacts screen
2. Tap on a contact to open it
3. Scroll down the page at Notes section
4. Tap the View Source link button
5. Observe

Expected result:
Source should be displayed at it is when user access the view source link from contacts (CSS code is displayed there)

Actual result:
Only a "To do list" is displayed there (as the developers hadn't finished that part of the site)

Environment:
iPhone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Tap the side menu button
2. Tap the companies button
3. Tap the search field to search for a company
4. Enter data in the field
5. Observe

Expected result:
There should be a delete all button at the end of the field (right side)

Actual result:
There is no delete all button in the search field

Environment:
iPhone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Go to Contacts screen
2. Tap over a contact to open it
3. Scroll down the page and tap the Stingray button
4. In the screen displayed check the Download button

Expected result:
Download button is entirely visible

Actual result:
Download button is cut by the Favorite button

Environment:
http://bootcards-staging.herokuapp.com/
Using Android stock browser
Samsung Galaxy Note 2, Android 4.4.4

Steps to reproduce:

1. Open http://bootcards-staging.herokuapp.com/
2. Go to for example Companies.
3. Press Back (hardware) button on device.
4. Notice that although you're back to Dashboard, header is still saying "Companies".

ALSO

1. Open http://bootcards-staging.herokuapp.com/
2. Go to Settings.
3. Notice that one of the tabs in footer is highlighted

Expected result:
In certain areas footer shouldn't be highlighted and using Back button should update the highlighted tab (or using Back button should be disabled).

Actual result:
Wrong tab is highlighted in footer although different tab is selected or none at all. For example in Notes menu none of the tabs is highlighted, which is correct.

Environment:
http://bootcards-staging.herokuapp.com
Using Android stock browser
HTC One M7, Android 4.2.2

Steps to reproduce:

1. Open http://bootcards-staging.herokuapp.com/notes
2. Click on a note
3. Click edit

Expected result:
The date of the note can be changed

Actual result:
A grey box is displayed where even the text cannot be added.

Note, the date text field can be edited on mobile Chrome browser

Environment:
Browser: Mozilla Firefox v32
Software:Bootcards version 0.2

Steps to reproduce:

1. Access the app> Notes.
2. Click the "Edit" button for any note. (the one located on the right side of the page)

Expected result:
The note details should be displayed correctly.

Actual result:
The date is not displayed as intended.
Please see the attachment for more information.

Steps to reproduce:

1. Open the site http://bootcards.herokuapp.com/ under Safari on IPhone 4S
2. Tap on Contacts tab
3. Tap Add button

Expected result: List with companies should display and is correctly rendered

Actual result: No Companies text field display

Environment:
Browser: Internet Explorer 11
Software:Bootcards version 0.2

Steps to reproduce:

1. Access the app and tap Notes
2. Minimize the window and observe Add button

Expected result:
Add button is properly displayed

Actual result:
Add button is cut off

Environment:
iPhone 4S iOS 8 GM

Steps to reproduce:

1. Open app

Expected result:
Footer bar is showing 3 menu options

Actual result:
Has 4: dashboard, companies, contacts, notes.

Environment:
iPhone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Go to Contacts
2. Tap the Add button
3. Fill in all fields with valid data and in the phone field add characters and special characters
4. Tap the Save button
5. Observe

Expected result:
An error message should be displayed

Actual result:
Add new contact screen is closed and no errors are given

Steps to reproduce:

1. Open the site http://bootcards.herokuapp.com/ under Safari on IPhone 4S
2. Tap on Contacts tab
3. Tap Add button
4. Focus on Email field

Expected result: User should be able to see and enter data to Email field

Actual result: Unable to see Email field when it is focusing

IMG_1370.mp4

Environment:

Steps to reproduce:

1. Open the page http://bootcards.herokuapp.com/ under Safari on IPhone 4S
2. Go to Company tab
3. Select any Company -> Company details page displays
4. Tap Back button

Expected result: User should redirect to Company tab

Actual result: Nothing happen

IMG_1369.mp4

Environment:
iPhone 5 iOS 7.1 Safari 7.0

Steps to reproduce:

1. Go to Contacts screen
2. Tap to open a contact
3. Tap the edit button
4. Make some changes in the screen and tap the Save button
5. Observe

Expected result:
Changes made should be saved for that contact

Actual result:
Changes are not saved for that contact

Environment:
Bootcards version 0.1

Steps to reproduce:

1. Open app > Dashboards

Expected result:
all icons fit to window

Actual result:
portrait - > last icon does not fit to window
landscape -> only 2 of the five items are displayed

Environment:
iPhone 4S IOS 8

Steps to reproduce:

1. Open Notes > Add

Expected result:
Date/time fields would be select date, time by scrolling like in calendars.

Actual result:
Ordinary text field.

Possibly a dumb question - to start the demo app it's just "node app.js" in the root directory, right?

I get the error...

events.js:72
        throw er; // Unhandled 'error' event
              ^
Error: listen EADDRINUSE
    at errnoException (net.js:904:11)
    at Server._listen2 (net.js:1042:14)
    at listen (net.js:1064:10)
    at Server.listen (net.js:1138:5)
    at Object.<anonymous> (/var/git/repos/demoapp/app.js:198:3)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Function.Module.runMain (module.js:497:10)

I've also tried "npm start" but I also get an error? Is this a Stupid User Error 😄 or is there a bug here?