Testing our design system components

Avoiding the unforseen consequences of change

Paul Stanton
Oct 18, 2016 · 4 min read
Image for post
Image for post
“I never thought I’d see a resonance cascade, let alone
create one.”
Image for post
Image for post
A button, you click/tap it, something happens (usually).

Part 1: Testing the markup

{{
html.button({
'label': 'Foo',
'class': 'btn--primary'
})
}}
<button class="btn btn--primary">Foo</button>
Image for post
Image for post
Happy days! Helpers are rending as expected in Twig PHP
Image for post
Image for post
F.F.F.F.F.F.F.F.Failures!
Image for post
Image for post
Woo! Look at it fly!

What next?


Pulsar

The product design team at Jadu

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store