A few months ago, my team and I introduced ember-fill-up to our apps. It worked well but we noticed something strange. Percy snapshots that were taken at a mobile width would show ember-fill-up using the desktop breakpoint. They didn’t match what we were seeing on our browsers.
For a while, we ignored this issue because our CSS wasn’t great. We performed some tricks with flex and position that could have affected Percy snapshots. Guess what happened when we switched to grid and improved the document flow. We still saw incorrect Percy snapshots.
In the last two blog posts, you learned that Ember treats testing as a first-class citizen. Out of the box, Ember provides 3 types of tests so that you can fine-tune test coverage and performance. It also supports a variety of addons and debugging tools to improve your developer experience in testing.
Today, we address an important question: How should you write tests? By the end of this post, you will learn 5 simple rules that I like to follow. The rules aren’t do-this-or-do-that’s (cold hard facts). Instead, they carry nuance and interesting side stories. To keep your learning experience fun, I will transcribe my talk at EmberFest 2019 (rather than summarizing it) to engage in a dialogue with you.
Ember gives you the power to write tests and be productive from day one. You can be confident that your app will be correct today and years from now. A question remains: How should you write tests?
Since tests are a core part of the Ember framework and your development cycle, I will dedicate several blog posts on best practices for writing tests, based on my experience at work and former life as mathematician.
Today, we will cover why testing is important, what tools can help you with testing, and how to run and debug your tests.
Please note that some tools may be readily available for Ember only. However, the best practices that I will mention should be independent of your framework. After all, tests are a universal language, just like math is.
In December 2016, my club, Central Austin Toastmasters, achieved something that very few clubs in the world get to do. We built our own website, centralaustin.org, so that our members have the right tools to succeed in Toastmasters.
Thanks to our website, we are stronger than ever in our 27-year club history.
We have 40 awesome members, each dedicated to improve their public speaking and leadership skills.
We have won 12 awards in the past two years.
And we currently stand at #2 out of 186 clubs in Austin and San Antonio. This is truly one of the best places you can be for Toastmasters.
We are not going to stop here, though, because there is always room for us to grow. Today, I present to you a club project that will help us evolve in 2019 and 2020: a new Pathways app that I call, Toastmasters Education Tracker (*name subject to change). Let me explain why we need this app, how we are going to make it, and how you can help.