What can/can't Warhol do?
“What can and can't Warhol do?”
Warhol has a lot of features but is very young project and as such, there is also a lot that it can't do at the moment. Some of the missing features are on our roadmap while others are definitely out of scope.
Warhol can … #
- Verify that an entire web page uses only colors and typography that are defined in a pattern library by inspecting CSS properties and values.
- Collect data from multi-page pattern libraries and even iframes.
- Work with any frontend tooling (including Bootstrap, JavaScript frameworks, content management systems and so on).
- Ensure that component implementations closely follow example components in a pattern library through a process that compares the styles of elements on a web page with their definitions in a pattern library.
- Offer you a top-notch debugging experience with its developer tools
Warhol can not (yet) … #
- Read your mind. That is to say, that it can only compare what's in a web page library with what's in a pattern library, but can't really think for itself.
- Collect data from Photoshop files, PowerPoint slides or images.
- Offer varying levels of style-checking-strictness for components, but this feature will probably come at some point
- Perform tests for you, though we are working on that.
- Work outside of Chrome, though we are working on that.
- Verify interactive styles like
:hover
states or interactive components. This is a problem that we have solved, but the related features require more polish before we can release them. - Provide you with charts and stats, though we are working on that.
- Provide an API, yet.
- Exclude specific elements from tests, but this feature will probably soon be implemented.
- Support non-standard pseudo elements like
::-webkit-slider-thumb
, though this will probably change at some point. - Handle DOM mutations that happen during test runs. This will simply lead to wrong results today, be will someday be supported.
- Run tests for iframes.
- Test the inside of SVGs.
- Support source maps for CSS.
- Enforce CSS best practices that are not defined by your pattern library. This is out of scope for Warhol.
- Validate HTML or check code quality. This is out of scope for Warhol.
- Test accessibility. This is out of scope for Warhol.
- Rate your SEO efforts. This is out of scope for Warhol.
- Find dead links. This is out of scope for Warhol.
- Search for JavaScript errors. This is out of scope for Warhol.
See also #
- Our public roadmap with detailed explanations of future features