December 2022 Summaries

The Cypress Ambassador Spotlight highlights Alain Chautard, a Google Developer Expert in Angular, tech trainer, and teacher, who has joined the Cypress Ambassador program due to his passion for helping others learn and grow. Alain is committed to promoting Cypress and enhancing community engagement by conducting workshops worldwide where he introduces and demonstrates Cypress's features, such as time travel and automatic waiting time, which he finds particularly appealing. Alain emphasizes the importance of creating custom commands for efficient and clean coding as a best practice, and he enjoys traveling and landscape photography in his personal life. Notably, he is proud of becoming a Google Developer Expert in 2017 and aiding others in achieving similar milestones. The Cypress Ambassador program is designed to support advocates like Alain by offering speaking opportunities and increasing visibility, with plans to expand resources and experiences for participants.

Cypress Cloud has introduced an update featuring new test run analytics and actionable recommendations aimed at enhancing test suite performance in CI environments. A key component is the Run Overview page's trends visualization, which displays current and historical test run durations, enabling users to hover over each run to examine details such as status, run duration, detected flakes, and Smart Orchestration features. The update also includes an actionable summary that evaluates the impact of Smart Orchestration features like Spec Prioritization, Auto Cancellation, and Parallelization on test durations and CI resource usage, with estimated savings based on historical data. Notably, Auto Cancellation, a feature for Business and Enterprise plans, has been made configurable, allowing users to set the number of test failures needed to trigger the cancellation of a test run, thereby conserving CI resources and expediting the debugging process. Cypress Cloud offers a user-friendly interface that provides comprehensive insights into test runs, promoting faster testing and debugging, and is available for free to new users.

The spotlight on Cypress Ambassador Vipul Goyal highlights his commitment to communal learning and his enthusiasm for using Cypress as a tool for problem-solving and innovation. Vipul is engaged in introducing Cypress to startups and community members by providing sample code and practical guidance. His favorite feature of Cypress is the Dashboard, and he values the practice of executing code as it’s written, which helps in visualizing work effectively. Outside his professional commitments, Vipul enjoys music and driving through the scenic landscapes of British Columbia. He takes pride in being recognized as a League Extraordinaire for three consecutive years, an honor he regards highly within his organization. Vipul advises new Cypress users to start with the comprehensive documentation and emphasizes the platform's self-guiding nature, which aids in learning through troubleshooting. The Cypress Ambassador program aims to support advocates like Vipul by offering various opportunities and resources to enhance their impact within the community.

Cypress Component Testing enhances the development workflow by allowing developers to focus on the real, user-facing behavior of components in a browser environment, offering a seamless experience similar to end-to-end testing but with the ability to test individual components using cy.mount(). This approach not only provides fast visual feedback and simplifies the development of components and their variations but also acts as a comprehensive documentation of a component’s functionality, states, and regression tests, making future modifications easier. By enabling developers to concentrate on critical usability issues, Component Testing reduces the brittleness of tests and encourages good component isolation by identifying when a component is overloaded and needs to be split. It harmonizes with existing end-to-end tests by allowing the reuse of complex commands, thereby enhancing test efficiency and maintainability. Cypress Component Testing serves as a precise, browser-based testbed that streamlines the testing process, offering potential simplification of end-to-end tests, and ultimately providing faster and more reliable testing results, with additional capabilities available through Cypress Cloud.

The Cypress Ambassador Spotlight highlights David Avila, who is motivated by a desire to give back to the community and has a particular interest in learning and sharing knowledge about Cypress, especially through mentoring others in STEM and web development. Avila appreciates Cypress features like the test runner and time travel debugging, and emphasizes best practices such as writing independent tests. Outside of his professional work, he enjoys martial arts, finding parallels between the discipline required in both martial arts and software engineering. A professional milestone for him was writing an article on mocking response data with GraphQL API. The Cypress Ambassador Program aims to support and highlight advocates like Avila, offering them resources and opportunities to connect and contribute to the global Cypress community.

Cypress 12 has been released with significant updates, most notably the general availability of cross-origin support and session management, which were previously experimental features. This new version allows users to navigate between different domains within tests more seamlessly, addressing a longstanding technical hurdle related to cross-origin security limitations. Additionally, the update introduces default test isolation, which resets the test environment before each test, encouraging best practices by preventing reliance on previous test states, although it can be disabled if necessary. The release also includes a fix for the persistent "Detached DOM" error, enhancing test reliability, and introduces a new API for plugin authors to create custom queries. The Cypress team has provided a detailed migration guide and will host webinars to discuss these updates further.

Cypress 12 introduces a long-awaited cross-origin testing feature via the cy.origin() command, allowing testers to seamlessly switch between multiple origins, addressing previous limitations imposed by the same-origin policy. This capability is achieved through the use of iframes and the postMessage mechanism, enabling communication between different origins while maintaining the benefits of Cypress's native browser execution. The new feature simplifies testing scenarios that involve syndicated login services and integrated systems, which were previously challenging due to browser restrictions. The implementation maintains test reliability and user-friendly interface by using a complex under-the-hood architecture, ensuring commands execute correctly during cross-origin navigation. Additional functionalities like the modifyObstructiveCode and experimentalModifyObstructiveThirdPartyCode options help users handle framebusting techniques and third-party authentication services. Cypress's commitment to user feedback and continuous improvement is highlighted, with plans to update documentation and encourage community interaction through platforms like GitHub and Discord.

Meera Petkar, a passionate advocate of Cypress, has recently joined the Cypress Ambassador program and is eager to create solution-based content to help educate new users about the capabilities of Cypress. She actively trains peers and writes blogs to demonstrate practical applications and best practices, such as creating organized tests for better understanding and efficiency. Meera's professional journey has been marked by taking risks and responsibilities, evolving from a manual QA to leading QA teams and being recognized by various tech communities, culminating in her role as a Cypress Ambassador. Outside of work, she enjoys travel, photography, origami, calligraphy, painting, and walking. The Cypress Ambassador program aims to support top advocates globally by offering them speaking opportunities, a personalized hub, and increased visibility, highlighting their contributions to empower others within the community.