Note: This task should take no longer than 1 - 2 hours at the most to complete.
-
Please note that this will require some basic Ruby on Rails and RSpec knowledge.
-
You will need to have Ruby on Rails installed to complete this task.
- Fork this repository (if you don't know how to do that, Google is your friend).
- Create a source directory.
- In the source directory, scaffold a simple Rails 4 web app that models a credit card charge. JSON data structure below:
{
"id": 9923,
"created": 1389618241,
"paid": true,
"amount": 4900,
"currency": "usd",
"refunded": false,
"customer_id" : 123
}
*Note: Amount is in USD, cents*
- Also scaffold a customer object which only has a first and last name.
The charge object has a customer property, this property is the customer id from the customer model.
Customer 1:
First Name: Johny
Last Name: Flow
Customer 2:
First Name: Raj
Last Name: Jamnis
Customer 3:
First Name: Andrew
Last Name: Chung
Customer 4:
First Name: Mike
Last Name: Smith
10 Should be successful transactions:
- 5 Should be linked to Customer 1
- 3 Should be linked to Customer 2
- 1 Should be linked to Customer 3
- 1 Should be linked to Customer 4
5 Should be transactions that failed:
- 3 Should be linked to Customer 3
- 2 Should be linked to Customer 4
5 should be disputed:
- 3 should be linked to Customer 1
- 2 should be linked to customer 2
Create a Visual Representation of Different Charges using backbone, you will have to scaffold a backbone project inside the rails app and show the 3 lists:
On the view that shows all charges (most likely the GET /charges route), create three lists with H1 headers.
-
List 1 -
- Header: Failed Charges
- In this list set the background color of the rows to #FF0000 and list the Customers name, the charge amount and the date that the charge failed for each failed charge.
-
List 2 -
- Header: Disputed Charges
- In this list set the background color of the rows to ##FF5400 and list the Customers name, the charge amount and the date that the charge was disputed for each disputed charge.
-
List 3 -
- Header: Successful Charges
- In this list simply display all the charges that were succesful.
Create the following RSpec tests:
- Verify that there are three lists on the screen. One for successful charges, one for failed charges and one for the disputed charges.
- Verify that in the Successful charges list there are 10 line items. Verify that in the failed charges list there are 5 failed charges. Verify that in the disputed charges list there are failed charges.
- Commit and Push your code to your new repository
- Send us a pull request, we will review your code and get back to you