   end
 
   test "react_component/3 accepts a html_element option" do
-    html = Phoenix.HTML.safe_to_string(react_component("test", %{}, html_element: :span))
+    html =
+      "test"
+      |> react_component(%{}, html_element: :span)
+      |> Phoenix.HTML.safe_to_string()
 
     expected =
       "<span data-react-class=\"test\" data-react-props=\"{}\" data-react-target-id=\"\"></span>"

  end

  test "react_component/3 accepts a target div option" do
    html = Phoenix.HTML.safe_to_string(react_component("test", %{}, target_id: "test-id"))

    expected =
      "<div data-react-class=\"test\" data-react-props=\"{}\" data-react-target-id=\"test-id\"></div>"

  end

  test "react_component/3 passes on extra options to the html element" do
    html =
      "test"
      |> react_component(%{}, class: "row", id: "content")
      |> Phoenix.HTML.safe_to_string()

    expected =
      "<div class=\"row\" data-react-class=\"test\" data-react-props=\"{}\" data-react-target-id=\"\" id=\"content\"></div>"
