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

stjefim
Hello! Suppose you are building workflow (order / task / payment) processing system with the following requirements: Each workflow con...
New
jonnycharles
I’m in search of an Elixir library that offers PDF generation capabilities similar to Ruby’s Prawn. While there have been discussions abo...
New
Blokh
Hey guys, I’ve got a huge CSV ( around 10 GB ) that needs to be processed hourly Do you guys have any suggestions what is the best prac...
New
roeland
Kia ora, We have been using elixir-google-api to connect to Google Drive. However, with the updates to Tesla due to CVEs this is now bro...
New
subsaharancoder
I’ve followed the Phoenix LiveView file upload code here Uploads — Phoenix LiveView v1.0.0-rc.7 and so far everything works just fine wit...
New
mohsen
I’m using an Umbrella project for a Phoenix application, and I want to have one Ecto Repo and one PostgreSQL database shared by all apps....
New
jaybe78
Hello, I’m developing a online persistent chat system (what’s app) like using elixir/dynamodb/aws for a mobile app(flutter). The diffic...
New

Other Trending Topics Top

JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
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
mcass19
ExRatatui lets you cook up rich terminal UIs in Elixir, powered by Rust’s ratatui via Rustler NIFs. Build interactive terminal applicatio...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge &amp; Solve. They are GUI (Emerge) and State management (S...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews