Testing and Debugging | How to Create Add-ons in Adobe Express
Welcome back, developers! In this episode of our How to Create Add-ons in Adobe Express series, Hamza, a developer advocate on the Adobe Express team, delves into the critical realms of testing and debugging for your add-ons.
Explore the arsenal of developer tools at your disposal as we navigate through key techniques for testing and debugging your add-ons effectively. Hamza demonstrates utilizing console messages, setting breakpoints with the debugger, monitoring network requests, and optimizing performance with the profiler.
Discover best practices for testing, including writing unit tests and embracing testing frameworks like Jest and Mocha. Ensure the reliability of your add-ons by testing various scenarios and edge cases.
Introduction (0:00)
Exploring Developer Tools (0:26)
Console Messages (0:37)
Debugger for Breakpoints (0:55)
Network Monitor (1:08)
Profiler for Performance Analysis (1:20)
Real-world Example with Console Messages (1:31)
Debugging Tool for Add-ons (2:30)
Best Practices for Testing (2:53)
Conclusion and Resources (3:30)
Developer Tools Overview: https://developer.adobe.com/express/a...
Jest Testing Framework: https://jestjs.io/
Mocha Testing Framework: https://mochajs.org/
Adobe Express Add-on Website: https://developer.adobe.com/express/a...
Adobe Express Developer Docs: https://developer.adobe.com/express/a...
If you have any questions, check out our detailed add-on developer documentation linked above.
#AdobeExpress #AddOnDevelopment #ContentCreation #Creatives #Designers #CreateAddons