with class progress, bg-primary and additional CSS classes" do
21 | code = ~S(
27 | """
28 |
29 | assert render_live(code) =~ expected
30 | end
31 |
32 | test "creates a
with class progress and calculated percent based on max_value" do
33 | code = ~S(
)
34 |
35 | expected = """
36 |
39 | """
40 |
41 | assert render_live(code) =~ expected
42 | end
43 |
44 | test_with_params "prop color", &assert_regex/2 do
45 | [
46 | primary: {
47 | ~S(
),
48 | ~r/class="(.*)bg-primary(.*)"/
49 | },
50 | secondary: {
51 | ~S(
),
52 | ~r/class="(.*)bg-secondary(.*)"/
53 | },
54 | success: {
55 | ~S(
),
56 | ~r/class="(.*)bg-success(.*)"/
57 | },
58 | info: {
59 | ~S(
),
60 | ~r/class="(.*)bg-info(.*)"/
61 | },
62 | warning: {
63 | ~S(
),
64 | ~r/class="(.*)bg-warning(.*)"/
65 | },
66 | danger: {
67 | ~S(
),
68 | ~r/class="(.*)bg-danger(.*)"/
69 | }
70 | ]
71 | end
72 |
73 | test_with_params "props", &assert_regex/2 do
74 | [
75 | striped: {
76 | ~S(
),
77 | ~r/class="(.*)progress-bar-striped(.*)"/
78 | },
79 | animated: {
80 | ~S(
),
81 | ~r/class="(.*)progress-bar-animated(.*)"/
82 | },
83 | striped_animated: {
84 | ~S(
),
85 | ~r/class="(.*)progress-bar-striped progress-bar-animated(.*)"/
86 | }
87 | ]
88 | end
89 |
90 | defp assert_regex(component, expected_regex) do
91 | assert render_live(component) =~ expected_regex
92 | end
93 | end
94 |
--------------------------------------------------------------------------------
/test/surface_bootstrap4/table_test.exs:
--------------------------------------------------------------------------------
1 | defmodule SurfaceBootstrap4.TableTest do
2 | use ExUnit.Case, async: true
3 |
4 | import Phoenix.ConnTest
5 | import Phoenix.LiveViewTest
6 |
7 | @endpoint Endpoint
8 |
9 | defmodule View do
10 | use Surface.LiveView
11 |
12 | alias SurfaceBootstrap4.Table
13 | alias SurfaceBootstrap4.Table.Column
14 |
15 | def render(assigns) do
16 | data = [
17 | %{id: 1, name: "John"},
18 | %{id: 2, name: "Jane"}
19 | ]
20 |
21 | ~H"""
22 |
23 |
24 | {{ person.id }}
25 |
26 |
27 | {{ person.name }}
28 |
29 |
30 | """
31 | end
32 | end
33 |
34 | setup do
35 | {:ok, view, _html} = live_isolated(build_conn(), View)
36 | %{view: view}
37 | end
38 |
39 | test "generates a table with class table", %{view: view} do
40 | assert view
41 | |> element("table[class*=table]")
42 | |> has_element?()
43 | end
44 |
45 | test "the header shows the labels of the columns", %{view: view} do
46 | head_row = "table thead tr:nth-child(1)"
47 |
48 | assert view
49 | |> element("#{head_row} th:nth-child(1)")
50 | |> render() =~ "Id"
51 |
52 | assert view
53 | |> element("#{head_row} th:nth-child(2)")
54 | |> render() =~ "Name"
55 | end
56 |
57 | test "the body shows each item of the data in a row", %{view: view} do
58 | row1 = "table tbody tr:nth-child(1)"
59 |
60 | assert view
61 | |> element("#{row1} td:nth-child(1)")
62 | |> render() =~ "1"
63 |
64 | assert view
65 | |> element("#{row1} td:nth-child(2)")
66 | |> render() =~ "John"
67 |
68 | row2 = "table tbody tr:nth-child(2)"
69 |
70 | assert view
71 | |> element("#{row2} td:nth-child(1)")
72 | |> render() =~ "2"
73 |
74 | assert view
75 | |> element("#{row2} td:nth-child(2)")
76 | |> render() =~ "Jane"
77 | end
78 | end
79 |
--------------------------------------------------------------------------------
/test/test_helper.exs:
--------------------------------------------------------------------------------
1 | ExUnit.start()
2 |
3 | defmodule Router do
4 | use Phoenix.Router
5 | end
6 |
7 | defmodule Endpoint do
8 | use Phoenix.Endpoint, otp_app: :surface
9 | plug(Router)
10 | end
11 |
12 | Application.put_env(:surface, Endpoint,
13 | secret_key_base: "J4lTFt000ENUVhu3dbIB2P2vRVl2nDBH6FLefnPUImL8mHYNX8Kln/N9J0HH19Mq",
14 | live_view: [
15 | signing_salt: "LfCCMxfkGME8S8P8XU3Z6/7+ZlD9611u"
16 | ]
17 | )
18 |
19 | Endpoint.start_link()
20 |
21 | defmodule ComponentTestHelper do
22 | require Phoenix.LiveViewTest
23 |
24 | @endpoint Endpoint
25 |
26 | defmacro render_live(code, assigns \\ quote(do: %{})) do
27 | quote do
28 | render_live(unquote(code), unquote(assigns), unquote(Macro.escape(__CALLER__)))
29 | end
30 | end
31 |
32 | def render_live(module, assigns, _env) when is_atom(module) do
33 | conn = Phoenix.ConnTest.build_conn()
34 | {:ok, _view, html} = Phoenix.LiveViewTest.live_isolated(conn, module, session: assigns)
35 |
36 | clean_html(html)
37 | end
38 |
39 | def render_live(code, assigns, env) do
40 | id = :erlang.unique_integer([:positive]) |> to_string()
41 |
42 | view_code = """
43 | defmodule TestLiveView_#{id} do; \
44 | use Surface.LiveView; \
45 | def render(assigns) do; \
46 | assigns = Map.merge(assigns, #{inspect(assigns)}); \
47 | ~H(#{code}); \
48 | end; \
49 | end\
50 | """
51 |
52 | {{:module, module, _, _}, _} = Code.eval_string(view_code, [], %{env | file: "code", line: 0})
53 | conn = Phoenix.ConnTest.build_conn()
54 | {:ok, _view, html} = Phoenix.LiveViewTest.live_isolated(conn, module)
55 |
56 | clean_html(html)
57 | end
58 |
59 | defp clean_html(html) do
60 | html
61 | |> String.replace(~r/^
/U, "")
62 | |> String.replace(~r/<\/div>$/, "\n")
63 | |> String.replace(~r/\n+/, "\n")
64 | |> String.replace(~r/\n\s+\n/, "\n")
65 | end
66 | end
67 |
--------------------------------------------------------------------------------