How to run/execute the cypress in AEM 6.5.19 | Community
Skip to main content
K
kalyanchakravarthych
Level 3
June 13, 2024
Solved

How to run/execute the cypress in AEM 6.5.19

  • June 13, 2024
  • 5 replies
  • 2062 views

Hi,

I have created the AEM Cypress project for AEM 6.5.19 and gave the build mvn clean install. After that i deploy the code on AEM 6.5.19. Is there a way to run the Cypress ui.tests automatically without manually executing the commands using by going to the respective ui.tests/test-module folder "npm test" or npx cypress open.

 

Please help me how to execute the ui.tests automatically.

 

Thanks & Regards,

Kalyan

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by h_kataria

I think you can use frontend maven plugin to achieve this. https://github.com/eirslett/frontend-maven-plugin 
You will have to configure it in your ui.tests maven module's pom similar to how it is configured in ui.frontend module. Sample to wknd github 
https://github.com/adobe/aem-guides-wknd/blob/main/ui.frontend/pom.xml#L44
Parent pom's reference for node installation https://github.com/adobe/aem-guides-wknd/blob/main/pom.xml#L175 
Disclaimer : I have not tried this personally 🙂 

5 replies

HrishikeshKagne
Community Advisor
HrishikeshKagneCommunity Advisor
Community Advisor
June 13, 2024

Hi @kalyanchakravarthych ,

To execute Cypress UI tests automatically in AEM 6.5.19, you can integrate Cypress with your build and deployment process. Here's a general outline of the steps you can follow:

1. Configure Cypress in your AEM project: Make sure you have set up Cypress correctly in your AEM project. This involves installing Cypress as a dev dependency and configuring the necessary scripts and configurations in your project's package.json file.

2. Create a build script: In your project's build script (e.g., Maven or Gradle), add a step to execute the Cypress tests. This can be done by invoking the Cypress CLI commands, such as `npx cypress run` or `npm test`, depending on your setup.

3. Configure the build pipeline: If you are using a CI/CD tool like Jenkins, configure your build pipeline to execute the build script that includes the Cypress test execution step. This will ensure that the tests are automatically executed during the build process.

4. Monitor test results: After the build is triggered, monitor the test results to check for any failures or issues. You can configure your CI/CD tool to notify you or your team about the test results.

By integrating Cypress into your build and deployment process, you can automate the execution of UI tests without manually running the commands. This allows for continuous testing and helps catch any issues early in the development cycle.

Note: The specific implementation details may vary depending on your project's setup and CI/CD tool. Make sure to refer to the documentation of your CI/CD tool and Cypress for more detailed instructions on integration.

Hrishikesh Kagane
    EstebanBustamante
    Community Advisor and Adobe Champion
    EstebanBustamanteCommunity Advisor and Adobe Champion
    Community Advisor and Adobe Champion
    June 13, 2024

    Hi, 

    You could try to configure the frontend-maven-plugin in the ui.tests to run the command you need upon the mvn clean install. You can check how the plugin is configured in the ui.apps/pom.xml to give you an idea.

    Hope this helps.

    Esteban Bustamante
      h_kataria
      Community Advisor
      h_katariaCommunity AdvisorAccepted solution
      Community Advisor
      June 13, 2024

      I think you can use frontend maven plugin to achieve this. https://github.com/eirslett/frontend-maven-plugin 
      You will have to configure it in your ui.tests maven module's pom similar to how it is configured in ui.frontend module. Sample to wknd github 
      https://github.com/adobe/aem-guides-wknd/blob/main/ui.frontend/pom.xml#L44
      Parent pom's reference for node installation https://github.com/adobe/aem-guides-wknd/blob/main/pom.xml#L175 
      Disclaimer : I have not tried this personally 🙂 

        BrianKasingli
        Community Advisor and Adobe Champion
        BrianKasingliCommunity Advisor and Adobe Champion
        Community Advisor and Adobe Champion
        June 14, 2024

        Very simple, since you already cypress installed into your project, we will skip instructions for how to set that up. Assuming that you already have npm run cypress working, lets move ahead. You should edit the pom.xml within the ui.frontend to run something like npm run cypress && npm run prod. Once if there's an error, during the maven build, everything should be escaped, and the code would not continue to compile.

         

        Under the ui.frontend/pom.xml, you should be able to find the frontend-maven-plugin, which you can add the code change, look into line:56 here https://github.com/adobe/aem-project-archetype/blob/develop/src/main/archetype/ui.frontend.general/pom.xml

        I would adjust it to

        <plugin> <groupId>com.github.eirslett</groupId> <artifactId>frontend-maven-plugin</artifactId> <executions> <execution> <id>npm run cyprus</id> <phase>generate-resources</phase> <goals> <goal>npm</goal> </goals> <configuration> <arguments>run cyprus</arguments> </configuration> </execution> <execution> <id>npm run prod</id> <phase>generate-resources</phase> <goals> <goal>npm</goal> </goals> <configuration> <arguments>run prod</arguments> </configuration> </execution> </executions> </plugin>

         

          kautuk_sahni
          Community Manager
          kautuk_sahniCommunity Manager
          Community Manager
          June 18, 2024

          @kalyanchakravarthych Did you find the suggestions from users helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!

          Kautuk Sahni
          Terms & ConditionsAccessibility statement

          Loading footer...