JSFoo 2015

The future of JavaScript

JSFoo is India’s premier JavaScript conference. This year is the fifth edition.

The theme for the 2015 edition is the future of JavaScript.

We are looking for talks and workshops from academics and practitioners who are at the cutting edge of developments in JavaScript.

We want to hear all about:

  • Advances in browser JavaScript
  • JavaScript in hardware
  • Functional JavaScript
  • Cutting edge developments, including original work
  • ES6

Editorial panel

  • Santosh Rajan, founder Geekskool
  • Shwetank Dixit, Extensions Program Manager and Web Evangelist, Opera Software
  • Sindhu S, Recurse Center alumni
  • Zainab Bawa, editorial coordinator, co-founder at HasGeek

Commitment to Open Source

HasGeek believes in open source as the binding force of our community. If you are describing a codebase for developers to work with, we’d like it to be available under a permissive open source license. If your software is commercially licensed or available under a combination of commercial and restrictive open source licenses (such as the various forms of the GPL), please consider picking up a sponsorship. We recognize that there are valid reasons for commercial licensing, but ask that you support us in return for giving you an audience. Your session will be marked on the schedule as a sponsored session.

Workshops

If you are interested in conducting a hands-on session on any of the topics falling under the themes described above, please submit a proposal under the workshops section. We also need you to tell us about your past experience in teaching and/or conducting workshops.

BOF sessions

If you are interested in doing an unconference during the breakout sessions, propose a topic which will be of interest to the community.

Important dates:

Deadline for submitting proposals: 31 July 2015
Conference dates: 18-19 September
Workshops: 15, 16, 17 and 20 September

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

Shashank Mehta

@shashankmehta

Automating cross browser + platform perceptual difference testing

Submitted Jul 29, 2015

You have a webapp. That’s your business. So you need it to be just as you designed it at all times. You may have your unit tests written for the JS, but what about how it actually looks like? One fine day you change some line in CSS and inadvertently make your blue buttons go green. How do you ensure that your platform looks exactly like it should across a myriad of browsers and platform combinations? And the best part, how do you keep this automated?

Outline

Razorpay is a payments startup. We have a JS powered Checkout page that is embedded in a merchant’s website. Since this is where the transactions begin for an end user, we just cannot have it broken at any time. So we developed a tool called Bozo in node.js for automated visual regression tests. This is apart from the whole bunch of unit tests we have.

Bozo checks for visual regressions on a page across multiple browser + platform combinations. Using a webhook after every successful deploy, it takes the screenshots of the page using the Browserstack APIs. It then compares each screenshot on a platform browser combo, with the last deploy’s screenshot for this combo. It then reports back the number of matches and no-matches.

It is similar to the work that Google has done on dpxdt.

The tool will be open sourced before the talk on Razorpay’s GitHub.

Speaker bio

I have been making web applications and tools using Javascript for the last few years on my own side projects, at Zomato a year ago and now at Razorpay. I believe all programmers hate grunt work and automation is the key to success. And to avoid boredom.

So far I have used Javascript on web, mobile, Intel Galileo boards, Beaglebones and even with AR Drone.

Slides

https://workflowy.com/s/6Y6JFk0hpv

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more