Need help with understanding Showroom about showroom

[guygolanIL]

Sorry no.
Im desperately searching for a webComponent testing lib to integrate with our mocha setup with no avail

[guygolanIL]

I wonder if you solved your issue.

[prateekjadhwani]

Nope, sorry.
If you have any suggestions, i would love to hear them.

[prateekjadhwani]

Lol... same
I totally understand your pain.
I have been searching for months.

[eavichay]

@prateekjadhwani
your component does not have static get observedAttributes and therefore does not reacts to changes in the attribute.

Could you try again?

also, anything related to DOM should not be reached from the constructor (unless there is a shadow root).

You can try reproducing this without the test runner, just start showroom and browse to localhost:3000

[eavichay]

@prateekjadhwani Did that work for you?

[prateekjadhwani]

Sorry @eavichay I havent tried it. I will give it a try this weekend.
Are there more examples in the documentation that I can reference? As in for complex and nested components?

[eavichay]

@prateekjadhwani

in your showroom file /.showroom/my-component.showroom.js add to the default export outerHTML property with anything you want.

for example:

<div>
<my-component>
<my-nested-component></my-nested-component>
</my-component>
</div>```

Showroom will identify your component within the markup and attach listeners/commands to it. The nested component, however will not be part of the scenario. You can add custom methods to interact with it if required.