69: Testing Front End Code

Summary

Oren Rubin (@Shexman) goes through why it’s important to not only test the back-end code of our applications but also to test our Front End code, the integration points, and the full user experience. Oren also goes through reasons why you would test, what should be tested, best practices, and when you should not test.

O’Reilly Media Partner Discounts

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

Your Latest O’Reilly Discounts

20% Discount to FluentConf

http://conferences.oreilly.com/fluent-javascript-html-ca/

Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.

Free eBook: Data-Informed Product Design

http://www.oreilly.com/pub/cpc/1220

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

Resources

• Unit Tests
• QUnit - Basic unit tesing https://qunitjs.com/
• Sinon - Unit test spies, stubs and mocks library http://sinonjs.org/
• Jasmine - all-in-one unit testing  http://jasmine.github.io/
• Karma - front end test runner http://karma-runner.github.io/0.13/index.html
• istanbul - https://github.com/gotwarlost/istanbul

• End to end testing
• Selenium WebDriver - http://www.seleniumhq.org/
• Protractor - https://angular.github.io/protractor/#/
• phantomjs - headless WebKit “browesr” with JS API http://phantomjs.org/

• Testim.io - a new to write end-to-end tests using dynamic locators https://testim.io/
• mocha - https://mochajs.org/
• Integrated tests are a scam - http://blog.thecodewhisperer.com/2010/10/16/integrated-tests-are-a-scam/
• Selenium Grid - https://github.com/SeleniumHQ/selenium/wiki/Grid2
• Visual validations
• Open source: Huxley, Wraith
• Commercial: applitools, percy.io
• Sauce Labs - Browser in the cloud service provider https://saucelabs.com/

Panelists

• Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies
• Justin Ribeiro (@justinribeiro)  - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding our Hangout link