What is the best way to make unit tests and test HTL template and javascript interactivity? | Community
Skip to main content
A
AlanNg4
Level 2
July 7, 2023
Question

What is the best way to make unit tests and test HTL template and javascript interactivity?

  • July 7, 2023
  • 2 replies
  • 939 views

If I have code in ui.frontend that manipulates the DOM that the HTL renders, how should I be writing unit tests to test the interactivity between the ui.frontend and HTL?

 

I could try to copy and paste a small section of HTL template html as a unit test fixture but I can't copy page properties. Seems like there is no synergistic way to do this.

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

2 replies

joerghoh
Adobe Employee
joerghohAdobe Employee
Adobe Employee
July 7, 2023

You need to build an integration test, e.g. using Selenium or any other test framework, which works with a browser.

    J
    johns43992246
    Level 2
    December 27, 2023

    I'm experimenting with the HTL Engine which is an Adobe Github project.

     

    https://github.com/adobe/htlengine

     

    and there are example mocha test available for testing HTL Templates. For example you test to see if a template inclusion is working properly. For my project we have adopted a strategy of using atomic components which have templates share among several components. If someone were to change an atomic, then it could cause dependency break. We could safeguard against that with a unit test on the HTL. When we do a build we will immediately know which components break. I have some questions though about this strategy and I'll raise them separately. Questions about the long term support for this Github project.

     

    So far in my experimentation I have been using Jest unit testing framework and I am able to render HTML from HTL templates and pass sample data into the properties. Its a little tricky syntax because it deals with Asynchronous logic.

     

    I have also thought about E2E testing on these and I think that approach might be a little heavy handed if there is a way to test these dependencies without running an entire AEM Instance.

    kautuk_sahni
    Community Manager
    kautuk_sahniCommunity Manager
    Community Manager
    October 18, 2024

    @alanng4 If you have successfully found a solution on your own, we kindly ask that you share it with the community for future reference and mark it as the correct answer.

    Kautuk Sahni
    Terms & ConditionsAccessibility statement

    Loading footer...