Phoenix Test Playwright

[](https://hex.pm/packages/phoenix_test_playwright) [](https://hexdocs.pm/phoenix_test_playwright/) [](https://github.com/ftes/phoenix_test_playwright/blob/main/LICENSE.md) [](https://github.com/ftes/phoenix_test_playwright/actions)

PhoenixTestPlaywright

Execute [PhoenixTest](https://hexdocs.pm/phoenix_test) cases in an actual browser via [Playwright](https://playwright.dev/).

defmodule Features.RegisterTest do
  use PhoenixTest.Playwright.Case,
    async: true,                         # async with Ecto sandbox
    parameterize: [                      # run in multiple browsers in parallel
      %{browser_pool: :chromium},
      %{browser_pool: :firefox}
    ]

  @tag trace: :open                      # replay in interactive viewer
  test "register", %{conn: conn} do
    conn
    |> visit(~p"/")
    |> click_link("Register")
    |> fill_in("Email", with: "f@ftes.de")
    |> click_button("Create an account")
    |> assert_has(".error", text: "required")
    |> screenshot("error.png", full_page: true)
  end
end

Please [get in touch](https://ftes.de) with feedback of any shape and size.

Enjoy! Freddy.

P.S. Looking for a standalone Playwright client? See [PlaywrightEx](https://github.com/ftes/playwright_ex).

Getting started

1. Add dependency

   # mix.exs
   {:phoenix_test_playwright, "~> 0.14", only: :test, runtime: false}

2. Install playwright and browser

   npm --prefix assets i -D playwright
   npx --prefix assets playwright install chromium --with-deps

3. Config

   # config/test.exs
   config :phoenix_test, otp_app: :your_app
   config :your_app