Hello, all! I’m curious if anyone has ideas/experience around the best ways to go about testing live view components. Obviously you can write a test for the live route that loads up the full page, start clicking things, etc, but for a complicated setup with many stateful components, it’s extremely …

With a little bit of setup you can definitely drive a LiveComponent under test without a library. I will share an example and an explanation of how I got there, but it should be noted that I don’t use LiveComponent very often so this may not meet your every need :slight_smile: Explanation A common…

You can use live_isolated/3 to test a LiveView in isolation, but it’s recommended to test through the router (i.e. using the live/2 test helper) as that is required to test live navigation. Note there is also render_component/3 for testing function and stateful components in isolation.

Maybe this library could be helpful also?

This is very helpful - so @mcrumm it sounds like render_component is what I want except that it only renders it; it doesn’t let you interact with it and test the result. @APB9785 's link to live_isolated appears to do what I’m after - is there no way to do that w/out a library at this point, to know…

Just want to thank you for this extremely thorough response and example - this is exceptional. In my experience outside of live view, this is the way to think about testing a complicated live view app; your components are like functions and you want to write them to be easily testable in isolation t…

UPDATE: I got it but leaving here for posterity. Just some confusing meta programing warnings that go away when I completed the test that uses live_component_intercept.. Thanks, again! As an FYI, the code you provided seems to work great locally, though the macro is throwing a warning on this line:…

Ah, it was the default attrs on the macro. I updated the gist to use an empty list instead of nil and that seems to have resolved it. :slight_smile: Thanks for pointing that out!

Just want to followup here and say this is working quite nicely for us. The only thing that is a bit difficult is debugging with open_browser/1 since it’s not rendering the root template; we lose the styling. Is there an easy way in your mind to change def render(assigns) do ~H""" <.…

Thanks for this - I can confirm live_isolated_component does the trick and works great for this use case!

The live_isolated_component is exactly what I wanted! The caveat is that I’m just starting to look at LiveView, but this seems like a big missing piece unless I’m doing something wildly wrong (which is possible I admit): I am using assign_async to do some data loading in a component and there’s not…

Elixir Programming Language Forum

LiveView isolated Component Tests?

Questions & Help Questions

coladarci March 28, 2023, 5:27pm 3

giggity! Thanks @mcrumm…