Testing Your Style Guide and Theme in Drupal 8
brianperry
Style guide driven development and the intelligent re-use of design components can prevent quite a bit of heartache as the look and feel of your site evolves. Your style guide can protect you from unexpected regressions throughout your theme and let you break the cycle of wasting time and effort styling redundant variations of page templates and content.
This session will focus on the tools available to create a living style guide for your Drupal site, along with methods to test for visual regression during the development cycle.
- Past - creating a living style guide in Drupal 7 with help from some contributed modules.
- The Style Guide Module
- The Style Guide API
- Style Guide File Snippets
- Present - creating an end-to-end visual regression testing suite in Drupal 8
- How changes to the theme system in Drupal 8 lend themselves to style guide driven development
- Generating a living style guide with KSS Node
- Strategies for creating representative content
- Visual regression testing with PhantomCSS
- Future - how can we make this process easier and more reliable?
- Status of style guide module in Drupal 8
- Better approaches to rendering actual Drupal markup in style guides and tests
While this session will include a brief overview of general style guide driven development concepts, some level of familiarity with the topic is recommended.