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