karang

karang

Hello I am trying to test my liveview and I want to test the editing of a resource through liveview. So I have something like this:

{:ok, view, _html} = live(conn, ~p"/my_resource/#{id}/edit")

params = %{some_key:  "some value"}

{:ok, view, html} =
    view
    |> form("#my-form")
    |> render_change(params)
    |> render_submit()
    |> follow_redirect(conn, ~p"/my_redirect_route")

My problem is that the return type of render_change is not what render submit is expecting and it errors out on the render_submit() line. This is the error I get:

** (FunctionClauseError) no function clause matching in Phoenix.LiveViewTest.render_event/4
     
The following arguments were given to Phoenix.LiveViewTest.render_event/4:

# 1
"<div>my html string</div>"

# 2
:submit

# 3
%{}
     
# 4 
%{}

I have tried using the element/3 function and splitting this out into 2 steps but that failed also. Is there a way I can render some changes and then submit the form? I am sure there is I am just missing something… Thanks!

Showing Posts 1 to 2

RudManusachi

RudManusachi

LiveViews are GenServer’s under the hood

source

render_change is modifying the state of the live_view process and returns rendered result as a string to assert on if needed.

Once we got view via

{:ok, view, _html} = live(conn, ~p"/my_resource/#{id}/edit")

we should be able to

# modify the view (this will also return the resulting html so we can assert on its content if needed)
html = 
  view
  |> form("#my-form")
  |> render_change(%{some_key:  "some value"})

# now the state of the `view` is modified, so we can submit the form and try to follow redirect
view
|> form("#my-form")
|> render_submit()
|> follow_redirect(conn, ~p"/my_redirect_route")
karang

karang OP

Makes total sense! That worked. Thanks!

— All posts loaded —

Where Next? Top

Trending in Questions Top

water
I’m aware of 2 such projects, are there others? git: GitHub - team-alembic/realworld: A fullstack Phoenix LiveView application with back...
New
katta
I having some trouble figuring out if I have set myself too strict of standards for my production server. Currently I can handle 75% of r...
New
peck
Hi everyone. My team and I have been working on a fairly modest app based around video streaming and chat, but we’ve landed a customer t...
New
bradley
I really like the adapter patterns that ecto, nebulex, waffle, etc. use and would love find something similar for a key management servic...
New
unaware8150
Hello folks! So at work, we are seeing some situations where we have to define some “fixed” strings that are used across the codebase in...
New
Alvinkariuki
How Can I Optimise Compile Time Dependencies I have been building an elixir application for about 2 years now. Many modules and files ha...
New

Other Trending Topics Top

budgie
A little off-topic, but I feel like people here have a good head on their shoulders. I used to be quite good at making software. Was luc...
New
KristerV
Hey. Is there anyone here who creates agents in their apps? Not talking about using agents, but creating them. I’m finding it pretty diff...
New
mudasobwa
I fully migrated to my own harness from Anthropic/Gemini and I think it’s time to share it. Welcome DSH, the DeepSeek Harness, fully writ...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
juhalehtonen
There has been a thread to discuss the Stack Overflow Developer Survey on this forum every year since 2018, so here’s yet another one for...
New
budgie
I love Elixir. It’s one of 2 programming languages I’ve ever fallen in love with. But I don’t use it anymore. Serverless was the promis...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews