How to test Lightning Application?

General Discussion
1

There is no information on how to test apps. Does a testing tool like Selenium work?

2

There is an option to make the items rendered on the canvas show in the DOM tree, but I’m uncertain of what’s the level of manipulation that can be done on them:

Per the Settings documentation (Lightning SDK):

Key Type Description Default value
inspector Boolean Whether or not initialize the Lightning Inspector (whch will render out a HTML structure inside the DOM to mimic the canvas) false

This option should be enabled under the “platformSettings” object, in settings.json

3

I tried this but all elements had div tags. I created a code in selenium to find an element in DOM and then press enter, but I got an error that said the element was not interactable

4

You can only send keys to the body of the App. We use cypress to test lightning Apps. Other way to send keys to a specific div element is to setAttribute tabindex for the div element and then sendKey.

5

All the nodes rendered by the Lightning’s “inspector” tool should have a “ref” attribute. You may refer to values of the attribute as it corresponds to component tag used during template generation. Thereby, having a template declared like this:

static _template() {
  return {
    Background: { rect: true, color: 0xff42facc, w: 1920, h: 1080 }
  }
}

you will see something like

<div ref="Background" style="position: absolute; left: 0px; top: 0px; width: 1920px; height: 1080px;" color="ff42facc"></div>

Then you may use CSS selector [ref="Background"] to reach to your component. You should also take into account that ref is not a unique identifier and may be repeated if you rendering multiple components that utilizing a same tag name in their templates.

1 Like
6

@jps Happy to do a session to show you what we do? The lightning Dom isn’t great but we are able to use it. If you work directly with your Devs it will come handy. Let me know if a session is needed

7

Hi @chiefcll , found your repo and article. Wondering if you have anymore pro tips to share?

Wasn’t aware of the get id() method - so useful thank you

@jps FYI

8

Since a few months ago, official documentation has been published on how to write unit tests for Lightning apps using Jest. You can find more information here: LightningJS.io - Documentation

Best regards,
Mauro

9

Just added some additional info on integration tests. LMK what other info you are looking for. LightningJS.io - Documentation

1 Like