TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Ask HN: Is there an easy way to automate animation tests that include UI?

2 pointsby rikrootsover 2 years ago
Is there an (easy|simple|sane) [pick one from 3] way to automate animation tests that include User Interaction?<p>I ask because earlier this evening I deployed an update&#x2F;NPM version bump of my Canvas library, after spending much of the day reviewing all the demo tests in various browsers on various devices. Only to watch as the new version broke the library&#x27;s associated website&#x27;s build tools. A stupid bug (2 chars) which meant having to fix it, test essential demos in various browsers etc before doing another release on GitHub and publishing the new version on NPM.<p>I know this process can be easier. But the thing that holds me back from automating the heck out of my test&#x2F;release process is that I&#x27;m clueless about how to test the library&#x27;s functionality. It&#x27;s a library to make working with 2D Canvas elements &quot;more fun&quot;, so I test manually because I need to *see* that things - in particular animations - are working as I expect them to work.<p>The test suite is here: https:&#x2F;&#x2F;scrawl-v8.rikweb.org.uk&#x2F;demo&#x2F;index.html<p>Any advice is really welcome!

1 comment

sargstuffover 2 years ago
Link to given test suite pages of library functionality&#x2F;unit test provides nice overview of what library does.<p><pre><code> simplified automation example : https:&#x2F;&#x2F;glebbahmutov.com&#x2F;blog&#x2F;canvas-testing&#x2F; </code></pre> a few ideas from search engine terms &quot;&lt;canvas&gt; test runner&quot;<p><pre><code> Testing an HTML canvas with Cypress : https:&#x2F;&#x2F;www.valentinog.com&#x2F;blog&#x2F;canvas&#x2F; automated cross browswer testing : https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;Learn&#x2F;Tools_and_testing&#x2F;Cross_browser_testing&#x2F;Automated_testing Introduction to Sikuli GUI Automation Tool (Automate Anything You See on Screen) : https:&#x2F;&#x2F;www.softwaretestinghelp.com&#x2F;sikuli-tutorial-part-1&#x2F; class project write-up : https:&#x2F;&#x2F;web.mit.edu&#x2F;6.031&#x2F;www&#x2F;sp22&#x2F;projects&#x2F;starb&#x2F;testing.html</code></pre>
评论 #34771068 未加载