tapickell

tapickell

Issues writing tests for `live_file_input` in a component

Running into some issues trying to write good tests for Uploads.
I am using the live_file_input for being able to upload files in a component that is mounted in a Liveview.
read through the example and docs on Uploads. It works great, the drag and drop functionality is super nice.
The only issue I am having is that I am having a hard time testing it to get code coverage.
I am trying to test it in a test on the main liveview that the component is mounted from .
Using the file_input function in the test I am seeing an error with the upload not being allowed.
This is because the allow_upload function is on the component not the liveview.
I tried moving the allow_upload to the parent liveview but that breaks the upload functionality in the component.
I tried testing this at the component level.
We only have a socket in this test, but I did find how to put_entries onto the socket.
This seems to work great for testing that when the event to cancel and to save get called that the correct things happen.
This however is not good for asserting that the HTML has changed on the component when we add an upload.
I have been scouring the interwebs/github looking for examples of something similar.
I see plenty of examples of people using this functionality in a component, which is understandable, it is really cool.
But I do not see anyone writing tests around the component. :face_holding_back_tears:
Right now I am working on a very hacky thing that probably wont work well, because I am out of ideas.
I really feel like I am either missing something, or maybe that Liveview is missing some functionality around testing something this way.
If anyone has done this or has any suggestions / proposed solutions I would greatly appreciate any feedback.

First Post!

nwai

nwai

Had a similar issue when trying to test a component with a live_file_input in it. In my case the following code:

Phoenix.LiveViewTest.render_component(&Component.upload_modal/1, assigns)

Gives rise to (ArgumentError) missing required :upload attribute to <.live_file_input/>. Adding an :upload key to the assigns map used for the test did not help.

Where Next?

Popular in Questions Top

aadeshere1
I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...
New
marius95
Hello everyone, I try to use an Javascript Event Handler in my root.html.leex file. Therefore I created a function in the app.js file: ...
New
vertexbuffer
Hello, can anybody help here..? I have a list of players and I what to delete an element, but every for loop the list is reverting to ori...
New
Darmani72
If I have a post route which an argument: post /my_post_route/:my_param1, MyController.my_post_handler How would get the post params ...
New
Harrisonl
We have an ECS cluster with 4 services, where each task joins a single cluster, via discovery ECS discovery service. Currently when I de...
New
tduccuong
Hi, is there any work on GUI with Elixir, that is similar to Electron/Javascript? My idea is to bundle Phoenix and BEAM into a single se...
New
nobody
How to bind a phoenix app to a specific ip address? could not find anything about that, nowhere, unfortunately, but for me this is quite...
New
SoCreat
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
New
yawaramin
In the Dialyzer docs ( dialyzer — OTP 29.0.2 (dialyzer 6.0.1) ), there is a way to turn off a specific warning for a function: -dialyzer...
New
jononomo
For some reason my phoenix channels are working for me in my local dev environment, but as soon as I deploy via Docker, I get a 403 error...
New

Other popular topics Top

skosch
To my knowledge, put_in, Map.update etc. all have the one limitation of not automatically creating intermediate keys when needed (for exa...
New
greenz1
I have a phoenix application from which a user can download multiple(5-6) files of size 1MB. I couldn’t find anything related to sending ...
New
minhajuddin
I have seen a lot of code which picks the first element from a list using Enum.at(0) instead of List.first. Is there a reason why people ...
New
vegabook
I’m brand new to Phoenix and I have stripped one of the demo applications to the bone. I just want to get an svg up on the screen. Here i...
New
pmjoe
I have a relationship of love and hate with Elixir. Lots of things are just absolutely right, but there are some things that are kind of ...
New
gausby
I asked this very same question on twitter and got some interesting feedback, but I thought it would be a good question to ask here as we...
1207 39297 209
New
fayddelight
I tried installing elixir 1.11.2 erlang 23.3.4 via asdf in my zsh shell. Enabled the versions locally and globally. When I list them ...
New
nobody
Hi! In PHP: $_SERVER[‘SERVER_ADDR’] - in Elixir? Searched the docs for ip address and the web, no good results. Thanks!
New
axelson
This post is a wiki (feel free to hit the edit button near the bottom right of this post to add your own changes!) This post collects co...
239 47930 226
New
jononomo
For some reason my phoenix channels are working for me in my local dev environment, but as soon as I deploy via Docker, I get a 403 error...
New

We're in Beta

About us Mission Statement