[Bug]: Lightning web component (LWC) doesn't record mutations

[azavada]

Preflight Checklist

• [x] I have searched the issue tracker for a bug report that matches the one I want to file, without success.

What package is this bug report for?

rrweb

Version

2.0.0-alpha.4

Expected Behavior

Button mutation are recorded and displayed in replayed

Actual Behavior

Unable to properly record/replay Lightning Web Components. I built the simple test app where I'm using lightning-button-stateful. Rrweb is unable to record button mutations.

Steps to Reproduce

1. Click the button
2. It should change its state

Testcase Gist URL

https://rrwebdebug.com/play/index.html?url=https%3A%2F%2Fgist.githubusercontent.com%2Fazavada%2F132fc4618a76bcedb4abf58300b68a71%2Fraw%2F41c78490ae6f809a6f53ae482eea91601497bf56%2Frrweb-events-lwc&version=1.0.0-alpha.4&play=on

Additional Information

Code Sandbox: https://codesandbox.io/s/lwc-hello-world-mtlnso?file=/src/foo/app/app.html

[Juice10]

Thanks for submitting this issue @azavada, could you check to see if https://github.com/rrweb-io/rrweb/pull/1049 fixes the issue for you?

[azavada]

Thanks for submitting this issue @azavada, could you check to see if #1049 fixes the issue for you?

@Juice10, I've just checked. https://github.com/rrweb-io/rrweb/pull/1049 doesn't fix this issue.

[Vadman97]

Hey @Juice10 , looks like this issue is still around (tested against https://github.com/rrweb-io/rrweb/commit/729361e66b9e9695804ef2ddd35a08f1207b43f4). Is there any chance of Lightning Web Component support being prioritized?

With highlight, we have sessions where the LWC is partially recorded but where we fail to capture the entirety of the web component mutations. See the following for an example: https://app.highlight.io/59983/sessions/eFlwMR70MK6FcgKagrOEgWaAUP6Q

Here is the full set of rrweb emit events recorded. session-contents-compressed (3).json

and the rrwebdebug playback

Let me know if there's any further details that could help.