pwightman

pwightman

I have a form that starts like this:

When clicking “yes”, another form element appears:

The markup looks something like this:

    <%= f = form_container @changeset %>
      <%= question_title "Are you currently married?" %>
      <%= yes_no_buttons(f, :is_married) %>
      <%= if get_field(f, :is_married) do %>
        <div>
         <%= date_input_container(f, :marriage_date, "Marriage Date") %>
        </div>
      <% end %>
      <%= submit_button(f, @form_info) %>
    </form>

My initial attempt at a test looked something like this:

test "integration test", %{conn: conn} do
  form = create_form()

  {:ok, view, _disconnected_html} =
    live(conn, Routes.the_thing_path(conn, :index, form.uuid))

  view
  |> form("#step-form", data: %{"is_married" => "yes", "marriage_date" => "03/03/1999"})
  |> render_submit()
end

But this gives the following error, since the marriage_date input doesn’t exist until after is_married has been set:

     ** (ArgumentError) could not find non-disabled input, select or textarea with name "data[marriage_date]" within:

         <input name="_csrf_token" type="hidden" value="MHc6UyMLHB4HXjMDKCAkAiUJFTUGLTx0b2vgBHCHIleiwpirqBbpYBD1"/>
         <input class="form-check-input" id="step-form_is_married_yes" name="data[is_married]" type="radio" value="yes"/>
         <input class="form-check-input" id="step-form_is_married_no" name="data[is_married]" type="radio" value="no"/>

What would be a good way to integration test this scenario? I could attempt to “preload” some initial data into the data structure, but that sort of defeats the purpose of integration testing. I would hope that I could do something like:

view
|> form("#step-form")
|> update_form(data: %{"is_married" => true})
|> update_form(data: %{"is_married" => true, "marriage_date" => "03/03/1999"})
|> render_submit()

But that’s not a thing, and as far as I can tell, none of the provided functionality in LiveViewTest allows one to “interactively” fill out the form. I could settle for maybe manually calling the handle_event call in my LiveView that handles the data updates, but I don’t see how that’s done either. Any ideas?

Showing Posts 1 to 2

APB9785

APB9785

Creator of ECSx
view
|> element("#step-form") 
|> render_change(%{data: %{"is_married": "yes"}})

view
|> form("#step-form", %{data: %{"is_married" => "yes", "marriage_date" => "03/03/1999"}})
|> render_submit
pwightman

pwightman OP

Awesome, thank you! It throws me off that the view is stateful, I kept thinking once a render_* method was called, the view was “gone” and you just had the rendered string left, but it makes more sense now.

— All posts loaded —

Where Next? Top

Trending in Questions Top

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
kszambelanczyk
Hello! Could someone please give me a help/sample code, how to delete a file from s3 using waffle/waffle_ecto from Phoenix app. I creat...
New
RemyXRenard
I’m seeing that a list inside a Kino.DataTable will be interpreted as a charlist, even if the Kino.configure() is set to charlists: :as_l...
New
matt-savvy
Anyone here using Honeybadger? My Honeybadger account is being overwhelmed with noise from some bots. Seeing a lot of Bandit.HTTPError...
New
velrest
So my question is quite simple and i have found no conclusive answer on forum, google or AI. Should we use :erlang.float for Integer to ...
New
samoloth
Hi, I’ve just set up an application with ash_authentication. There is only magic link strategy for now, so there is no confirmation add o...
New
FlyingNoodle
If a change or preparation module uses Ash.Changeset.get_argument/2 or Ash.Query.get_argument/2 (or any of the other get_argument functio...
New

Other Trending Topics Top

mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
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
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
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews