ricksonoliveira

ricksonoliveira

Use open_browser() in tests when using WSL

Has anyone by any chance using WSL tried to use open_browser in your tests?

I’ve heard one could do something like open_browser(lv, &System.cmd("wslview", [&1])). But I have no idea how to make WSL or Elixir know how to open my default browser.

Has anyone gone through this and have been victorious? :rofl:

Thanks!

Marked As Solved

slouchpie

slouchpie

I tried using my answer today and it needed improvement because CSS was not being loaded.

I have a hacky way of making the CSS work (which is better than no way).

First, use this slightly better open_browser_wsl function.

      def open_browser_wsl(view) do
        Phoenix.LiveViewTest.open_browser(view, fn html_unix_path ->
          drive_dir = "/c"
          {wsl_path, 0} = System.cmd("wslpath", ["-aw", html_unix_path])
          cmd_args = [drive_dir, "start", String.trim_trailing(wsl_path), drive_dir, "zsh"]
          opts = [cd: "/mnt" <> drive_dir]
          System.cmd("cmd.exe", cmd_args, opts)
        end)
      end

It is better for 2 reasons:

  1. It changes directory so there is no more annoying warning about not being a Windows path.
  2. It makes the drive letter clearly customizable, in case that is necessary.

I usually just slap that function into the block of code in conn_case.ex that starts with:

  using do
    quote do

With the function inside the using block, any test that has use MyAppWeb.ConnCase will be able to call open_browser_wsl(view).

Now for the CSS. Configure the test Endpoint so that static URLs can be resolved. In config/text.exs, add this:

static_url_path =
  try do
    {windows_static_path, 0} = System.cmd("wslpath", ["-aw", "priv/static"])

    windows_static_path
    |> String.trim()
    |> String.trim_leading("\\")
    |> String.replace("\\", "/")
    |> then(&Kernel.<>("file://", &1))
  rescue
      # revert to default path if command not found, else re-raise the error
      e in ErlangError -> if e.original == :enoent, do: "/", else: reraise(e, __STACKTRACE__)
  end

and then finally tell the Endpoint (still in the test config file) to use this static path:

config :my_app, RangerWeb.Endpoint,
  # ...
  static_url: [host: "localhost", path: static_url_path]

The try/rescue block is to make sure people who don’t use WSL can still run tests.

It’s hacky, for sure, but now CSS will be loaded.

@ricksonoliveira Please mark this answer as the solution. It is better than my previous answer.

Also Liked

slouchpie

slouchpie

I had some success with this:

  def open_browser_wsl(view) do
    Phoenix.LiveViewTest.open_browser(view, fn html_unix_path ->
      {wsl_path, 0} = System.cmd("wslpath", ["-aw", html_unix_path])
      cmd_args = ["/C", "start", String.trim_trailing(wsl_path), "/C", "bash"]
      System.cmd("cmd.exe", cmd_args)
    end)
  end
chgeuer

chgeuer

Not referring to tests in particular, but on WSL, you can run applications “on the Windows side”, such as cmd.exe. cmd.exe allows you to provide a shell command.

In Bash for example, you can do something like this:

cmd.exe /C "start https://elixirforum.com/"

# or
cmd.exe /C "start $( echo "https://jwt.ms/#access_token=${access_token}" )"

In Elixir, this might be a start:

System.cmd("cmd.exe", ["/C", "start https://elixirforum.com/"])

However, escaping stuff the right way can always be ‘difficult’ (https://flatt.tech/research/posts/batbadbut-you-cant-securely-execute-commands-on-windows/)

Where Next?

Popular in Questions Top

siddhant3030
Hi, I have to write a raw query for one of my project. But till now I have used ecto queries and don’t have much experience writing raw ...
New
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
Patoshizzle
After calling mix ecto.create I get this error: 17:00:32.162 [error] GenServer #PID&lt;0.412.0&gt; terminating ** (Postgrex.Error) FATAL...
New
New
alice
Hey, Just curious what are the main benefits of Elixir compared to Clojure? When is Elixir more useful than Clojure and vice versa? Th...
New
aalberti333
As the title describes, I’m trying to run Enum.map() over a list of key/value pairs, where the value is a map. My data looks like this: ...
New
ycv005
I have followed this StackOverflow post to install the specific version of Erlang. And When I am running mix ecto.setup then getting fol...
New
sergio_101
I am VERY much an elixir newbie. I have taken one elixir course and one phoenix course on Udemy. During that course, I saw the instructor...
New
joaquinalcerro
Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 record...
New
Brian
What is the proper way to load a module from a file in to IEX? In the python world, doing something like this pretty standard: from ....
New

Other popular topics Top

stefanchrobot
What’s the safe way to decode a JSON string into a struct? I want to avoid calling String.to_atom. Jason.decode can give me a map with st...
New
JeremM34
Hello, how can I check the Phoenix version ? Thanks !
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
chrismccord
This release brings a number of exciting features, including integration with the new Phoenix LiveDashboard and Phoenix LiveView. There h...
New
RisingFromAshes
I've read in another post that it may be possible with a router helper - but I couldn't find an appropriate one, and tbh, I'm still just ...
New
romenigld
I am trying to run a deploy with docker and I successfully runned with this command: docker build -t romenigld/blog-prod . but when I t...
New
AstonJ
We’ve put together this wiki for Phoenix LiveView - please feel free to add any info you feel is worth including. What is Phoenix LiveV...
New
WestKeys
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
New
openscript
Hello! Sorry for this astonishing simple question, but I’m really stuck. I try to set up the intellij-elixir plugin, but I don’t know ho...
New
vonH
In asking this question I am more interested about the expressiveness of the language itself and less concerned about the availability of...
New

We're in Beta

About us Mission Statement