How do you test a design system?

I’ve inherited a component library that I’m bringing back to life.

In the past I’ve worked on React component libraries and used tools like Storybook to develop them. Testing these is pretty easy – I tend to use mostly react-testing-library and jest.


This content originally appeared on DEV Community and was authored by jayebird ??️‍?

I've inherited a component library that I'm bringing back to life.

In the past I've worked on React component libraries and used tools like Storybook to develop them. Testing these is pretty easy - I tend to use mostly react-testing-library and jest.

But this particular library is different—each component is:

  • a scss file for styling
  • optionally, some javascript
  • a markdown file that combines written guidance for using the component with code samples and live previews

It's not that different from the GOV.UK design system.

Testing the javascript parts is easy enough, but it's only a small part of the overall library.

How do you go about testing something like this in a robust way?


This content originally appeared on DEV Community and was authored by jayebird ??️‍?


Print Share Comment Cite Upload Translate Updates
APA

jayebird ??️‍? | Sciencx (2021-02-25T17:52:17+00:00) How do you test a design system?. Retrieved from https://www.scien.cx/2021/02/25/how-do-you-test-a-design-system/

MLA
" » How do you test a design system?." jayebird ??️‍? | Sciencx - Thursday February 25, 2021, https://www.scien.cx/2021/02/25/how-do-you-test-a-design-system/
HARVARD
jayebird ??️‍? | Sciencx Thursday February 25, 2021 » How do you test a design system?., viewed ,<https://www.scien.cx/2021/02/25/how-do-you-test-a-design-system/>
VANCOUVER
jayebird ??️‍? | Sciencx - » How do you test a design system?. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/02/25/how-do-you-test-a-design-system/
CHICAGO
" » How do you test a design system?." jayebird ??️‍? | Sciencx - Accessed . https://www.scien.cx/2021/02/25/how-do-you-test-a-design-system/
IEEE
" » How do you test a design system?." jayebird ??️‍? | Sciencx [Online]. Available: https://www.scien.cx/2021/02/25/how-do-you-test-a-design-system/. [Accessed: ]
rf:citation
» How do you test a design system? | jayebird ??️‍? | Sciencx | https://www.scien.cx/2021/02/25/how-do-you-test-a-design-system/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.