Caseware

Transforming Finance through Agile Collaboration

Our QA solution helped developers accurately predict expected results.

The client, a leader in accounting and audit software, aimed to streamline testing of front-end component behaviors. They integrated Storybook to render Angular components in a controlled environment and used Cypress for testing.

Synergo - full service web & mobile solutions team.

Synergo Group managed to write story files and tests for over 40 components in the front-end library, ranging from simple to complex. These stories and tests are going to serve as a base for developers who make changes to a component so that they can check if something breaks or how their changes modify the component’s states or behaviors.

Our QA solution serve as a base for developers to identify and predict more accurately certain expected results.


Project Transformation

1 — Challenge and Scope

To provide integrated end to end testing solution using Cypress for the front-end component library built using Storybook and Angular, which would be integrated with the client’s monorepo structure.
— 1

End-to-end Testing Solution

Our challenge was to provide integrated end to end testing solution using Cypress for the front-end component library built using Storybook and Angular, which would be integrated with the client’s monorepo structure.
— 2

Integration into the Client’s Monorepo

The challenge was to integrate a story file and end-to-end test structure into the client’s monorepo, enabling the front-end component library to be tested seamlessly within the same environment as ongoing development activities.
— 3

Leveraging Cutting-Edge Technologies

The challenge was to establish a robust framework using Cypress, Mocha, Storybook, Angular, and Narwhal NX to meet the demands of enterprise-level front-end development and testing.
— 4

Approach for Enhanced Quality Assurance

The challenge involved close collaboration between Synergo’s QA Engineer and the client’s Angular Developer to validate story file structure and maintain development quality.

2 — Solutions

This approach enabled our client to achieve their goals with confidence and efficiency.
— 1

Structured Component Organization

Within the Narwhal NX monorepo, each front-end component is allocated its own directory. This organizational structure ensures that components are easily manageable and accessible, facilitating a streamlined development process.
— 2

Enhanced Storybook Visualization

Story files integrated into Storybook categorize states and behaviors, enabling intuitive exploration of component interactions and enhancing development and testing workflows.
— 3

Comprehensive Story File System

Each component directory includes a sub-directory for story files, with a primary file for the base state and additional files for other states or behaviors.

3 — Business Impact

Empowering the client to meet market demands, stay competitive, and deliver greater value to their customers.

Developed and tested 40+ front-end components using Storybook and Cypress

Synergo - full service web & mobile solutions team.

Improved testing speed and reliability, reduced bugs, and enhanced software quality, leading to faster feature releases and a stronger competitive edge.

Integrated an end-to-end testing solution within the client’s monorepo

Synergo - full service web & mobile solutions team.

We unified testing and development, reducing costs, simplifying operations, and enabling quicker updates with greater scalability and consistency.

Enabled developers to easily check component behaviors and predict expected results

Synergo - full service web & mobile solutions team.

We boosted efficiency with real-time feedback, reducing debugging time and allowing developers to focus on new features, leading to faster project completion and better resource use.

Testing and development within the same monorepo structure

Synergo - full service web & mobile solutions team.

The integration streamlined workflows, sped up development and testing, reduced downtime, and enabled easy scaling with continuous integration and deployment.


4 — Technologies and Tools

These technologies are chosen to align with client goals, ensuring innovative and impactful results.
— 1

Automated Testing with Cypress and Mocha

— 2

Component Development with Angular and Storybook

— 3

Unified Development Environment with Narwhal NX

— 4

Optimized Testing Structure with Cypress and Mocha


5 — The Team

By combining technical proficiency, creativity, and effective communication, our teams consistently transform challenges into opportunities, driving success across industries.

QA Engineer

Synergo - full service web & mobile solutions team.

Developed Cypress end-to-end tests and Storybook files, defining and testing component behaviors.

Senior Angular Developer (Client-Side)

Synergo - full service web & mobile solutions team.

Supported and reviewed Storybook file development to ensure accuracy and quality.


"Synergo Group quickly became an extension to our existing development team, seamlessly integrating across multiple agile squads to collaborate on driving major improvements to the way we test our software. Their deep knowledge and expertise in modern testing frameworks proved invaluable in increasing the efficiency of our development lifecycle and training our internal teams on how to build on top of the new foundation."

Ricardo Navarrete - Software Development Manager