Phoenix Dashboard UI

08/27/2014

Quick introduction

Agenda

Why unit test javascript code? 

Why jasmine? 

Our Jasmine implementation 

Dashboard overview

Dashboard overview

Summary Section

Charts section

Why unit test javascript code?

The front end behavior is complex

The capybara tests are good but are not enough

Why Jasmine?

Created and supported by pivotal labs

Rspec alike syntax

There is a lot of libraries to improve our tests

It doesn't depends on ruby

Our jasmine implementation

Our jasmine implementation

Spec reporter helps us to get the load time for the ajax calls

Our jasmine implementation

  • 54.000.000  plays
  • 1.000.000 GB of bandwidth usage
  • Top revenue values
load time for bandwidth: 0.094 secs analytics_utils_spec.js:19
load time for plays: 0.702 secs analytics_utils_spec.js:30
load time for revenue: 0.737 secs analytics_utils_spec.js:41

Phoenix dashboard

By Lucas Aragno

Phoenix dashboard

  • 985