Download to read offline
Uploaded byMatt Bernhardt
WordPress Under Control
The document discusses the management of WordPress across multiple environments (production, testing, and development) at MIT Libraries, highlighting the involvement of developers and contractors. It emphasizes the significance of quality assurance through user testing, visual regression testing, and static code analysis while mentioning tools such as GitHub, Waffle.io, and Rampart for improved workflows. Future steps include integrating visual regression testing into GitHub workflows and refactoring WordPress code for better testability.
WordPress Under Control
- 1. WordPress Under Control MatthewBernhardt, MIT Libraries
- 2. MIT Libraries UseWordPress
- 3. Multiple environments Production • libraries.mit.edu Testing •libraries-test.mit.edu Development • libraries-dev.mit.edu
- 4.
- 5.
- 6. This is gettingout of hand... Production Testing Development Developer Developer Contractor
- 7. You take this,you take that, I’ll be over here Plugins Home Page News Pending Posts Themes Parent Child News Music Oral History 150Books Connick TwentyTwelve Developer Developer Contractor
- 8.
- 9. Enter GitHub…and Magichappens? Developer Developer Contractor Production Testing Development
- 10. WordPress Architecture WordPress CorePlugins Community Custom Themes Core Community Custom
- 11. WordPress UI forCore / Community GitHub for Local / Custom code WordPress Core Plugins Community Custom Themes Core Community Custom
- 12. Seven repositories • Twoplugins • Wp-home-page-news https://github.com/MITLibraries/wp-home-page-news • Wp-pending-posts https://github.com/MITLibraries/wp-pending-posts • Five themes • MITLibraries-parent https://github.com/MITLibraries/MITlibraries-parent • MITLibraries-child https://github.com/MITLibraries/MITLibraries-child • MITLibraries-news https://github.com/MITLibraries/MITLibraries-news • Music-Oral-History https://github.com/MITLibraries/music-oral-history • unBox https://github.com/MITLibraries/unBox
- 13. …WordPress under (source)control Developer Developer Contractor Production Testing Development
- 14. But wait… This onlyaddresses part of the team.
- 15.
- 16.
- 17. GitHub UI canbe intimidating
- 18.
- 19. Enter Waffle.io • Focusedon issues, not code • Stores (almost) no data itself • Alternate UI for GitHub • Free for open source • Offers easy point of entry
- 20.
- 21. …now let’s talkabout quality Speed of development Quality assurance Stakeholder confidence
- 22. Development and reviewprocess Developer Development • Simple visual inspection Testing Production Stakeholder
- 23. Development and reviewprocess Developer Development Testing • Rigorous User Testing • Cross-browser inspection Production Stakeholder
- 24. Development and reviewprocess Developer Development Testing Production • Post-deploy verification Stakeholder
- 25. Can we automateany of this?
- 26. Can we automateany of this? Visual Regression Testing Static Code Analysis
- 27.
- 28. Static Code Analysis •PHP CodeSniffer • Includes WordPress-specific rules • Run under Travis CI • Sample repository https://github.com/MITLibraries/wp-plugin-template
- 29. Static Code Analysis •Swallow our pride • Chip away at fixes
- 30. Development and reviewprocess Developer Development Testing Production Stakeholder
- 31.
- 32. Visual Regression Testing •Rampart https://github.com/mitlibraries/rampart • Based on BackstopJS https://github.com/garris/BackstopJS • Also evaluating Instadiff
- 33. Visual Regression Testing •Automated visual comparisons • Multiple window sizes • Selenium-based (only one render engine) • Tricky to tune • Manually initiated (so far)
- 34.
- 35. Future steps • IntegrateVisual Regression Testing into GitHub workflow • Better build/deploy workflow from GitHub to servers • Refactor WordPress code to be testable (where possible)
- 36. Thank You • GitHubfor source control • One repository per project • Themes • Plugins • Automatic code linting • Travis CI • CodeClimate? • Visual regression testing • BackstopJS • (Instadiff?) • MIT Libraries https://libraries.mit.edu https://github.com/mitlibraries/ • Matthew Bernhardt mjbernha@mit.edu @morphosis7