Connie Ye
P5 Web Editor Testing Suite
Spring 2021
Frontend, React, Unit Testing

P5.js is a popular Javascript library for creative coding.

"The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything. It is designed with beginners in mind, limiting features and frills. The editor is free and open-source because we believe software, and the tools to learn it, should be accessible to everyone." - Github README for p5.js editor

As a student apprentice to Cassie Tarakajian, I contributed to the p5.js editor by researching potential testing methods for the codebase, writing a few example tests, and then writing documentation to standardize the testing practices that we wanted to enforce. I joined during a turning point in the development where the codebase had grown to the point of needing tests so that future contributors of the open-source project could contribute with confidence. There had been some tests already but without any consistency in testing methods, naming, or enforcement.

I researched different testing methods and philosophies, file structure setups, naming conventions, and more. After writing a few tests, I pivoted to putting together documentation that could serve as the guide for future contributors.

I learned a lot during this project and had a blast learning about Javascript testing. This was my first time writing tests for a Javascript project, and there was so much more artistry in test-writing than I had originally anticipated. A resource I'm grateful for is this Test Double Wiki.

🌐 P5 Web Editor

⌨️ Github Repository

The final guide I wrote lives here

ヽ(© ▽ ©)ノ Built with React and Gatsby by Connie
Last updated March 2022 (under construction!)