August 2018 Summaries

The blog post by Ondřej Janošík, a full-stack developer and co-owner of Notum Technologies, provides a detailed guide on setting up Bitbucket Pipelines with efficient caching for NPM and Cypress to optimize build speed. Bitbucket Pipelines & Deployments offer a straightforward CI/CD integration for Bitbucket Cloud, but achieving optimal speed requires careful configuration, particularly in caching. The article walks through the process of setting up two main pipeline steps: one for installing packages, running tests, and building the application using the NPM CI command, and another for running E2E tests with Cypress, which necessitates a different Docker image. Janošík emphasizes the importance of caching, with specific directories for NPM and Cypress caches, as this can significantly reduce build times and costs, given that Bitbucket charges based on build minutes.

Cypress has been developed to seamlessly integrate with various continuous integration (CI) systems, such as Jenkins, Travis, CircleCI, and Zeit Now, to facilitate end-to-end testing with minimal configuration. The Cypress Dashboard enhances this process by aggregating test artifacts like videos, screenshots, and output logs, which are especially useful for diagnosing test failures. The article illustrates the setup process using a Dockerfile and the Zeit Now platform, demonstrating how to configure the system to record test runs. This involves setting up environment variables and modifying the test command to include the `--record` flag, ensuring that test artifacts are uploaded to the Cypress Dashboard. This setup allows developers to gain comprehensive insights into test performance and failures, while also leveraging functionalities like parallel test execution for optimized load balancing across multiple machines.

Jennifer Shehane reflects on her experience attending the Write the Docs + Open Help event in Cincinnati, where documentation contributors gathered to share insights and learn from each other. As the main contributor to Cypress' documentation, she sought to improve its quality, encourage contributions, and address challenges like the build process for contributors. She realized the importance of understanding contributors' motivations, which often relate to their career goals, and the need to simplify processes for new contributors. The event highlighted the limitations of Markdown for documentation and emphasized the value of analytics to understand user interactions, such as which pages are popular and why others lack traffic. Additionally, automation was discussed as a means to enhance documentation maintenance, with Cypress already employing automated tests and considering further automation improvements. Overall, the event inspired her to prioritize documentation and leverage community insights for ongoing enhancement.

Gleb Bahmutov's blog post discusses the efficient use of Docker multi-stage builds with Cypress for running end-to-end tests while minimizing the production image size. The integration of Cypress with Docker simplifies continuous integration by encapsulating all necessary dependencies in a Docker image, allowing for seamless execution of tests across different CI platforms, particularly CircleCI. A multi-stage build approach is recommended to keep the production image minimal by separating the test environment from the production environment, thus avoiding the inclusion of development dependencies in the final image. This process involves selectively copying tested files from the test image to the production image, significantly reducing the size compared to the Cypress base image with its dependencies. Bahmutov also addresses the challenge of Docker caching, suggesting strategies like using build arguments to force cache busting, ensuring that end-to-end tests are rerun even without changes to the test files. The post concludes that multi-stage builds offer substantial size savings and efficiency, making them valuable for deploying Docker images with integrated Cypress testing in production environments.