test error handling

.vscode/tasks.json

@@ -57,17 +57,17 @@
         "problemMatcher": "$mixTestFailure"
       },
       {
-        "label": "run testbed test at cursor",
+        "label": "mix test focused",
         "type": "shell",
         "command": "mix",
         "args": [
           "test",
-          "../${relativeFile}:${lineNumber}",
+          "${relativeFile}:${lineNumber}",
           "--color",
           "--trace"
         ],
         "options": {
-          "cwd": "${workspaceRoot}/testbed",
+          "cwd": "${workspaceRoot}",
           "requireFiles": [
             "test/**/test_helper.exs",
             "test/**/*_test.exs"

assets/js/app.js

@@ -31,4 +31,4 @@ import './todo-list-element.ts';
 // import './react-todo';
 import './join-params';
 import './patch-thing';
-import './connect-error';
+import './display-error';

assets/js/connect-error.ts → assets/js/display-error.ts

@@ -8,14 +8,22 @@ import { liveState, liveStateConfig, LiveStateError } from 'phx-live-state';
  * @slot - This element has a slot
  * @csspart button - The button
  */
-@customElement('connect-error')
-@liveState({topic: 'garbage', url: 'ws://localhost:4001/socket', events: {receive: ['livestate-error']}})
+@customElement('display-error')
+@liveState({events: {receive: ['livestate-error']}})
 export class ConnectErrorElement extends LitElement {
 
+  @liveStateConfig('topic')
+  @property()
+  topic: string = '';
+
+  @property()
+  @liveStateConfig('url')
+  url: string = '';
+
   constructor() {
     super();
     this.addEventListener('livestate-error', (e: CustomEvent) => {
-      this.errorDescription = e.detail.kind;
+      this.errorDescription = e.detail.message;
     })
   }
 

lib/higher_order.ex

@@ -0,0 +1,11 @@
+defmodule HigherOrder do
+  def higher_order_function(callback) do
+    callback.("foo")
+  end
+end
+
+defmodule Callback do
+  def callback_function(arg) do
+    arg <> " I was called!"
+  end
+end

lib/livestate_testbed_web/channels/init_error_channel.ex

@@ -0,0 +1,8 @@
+defmodule LivestateTestbedWeb.InitErrorChannel do
+  use LiveState.Channel, web_module: LivestateTestbedWeb
+
+  def init(_channel, _params, _socket) do
+    {:error, "You suck"}
+  end
+
+end

lib/livestate_testbed_web/channels/user_socket.ex

@@ -10,6 +10,7 @@ defmodule LivestateTestbedWeb.UserSocket do
 
   channel "todo:*", LivestateTestbedWeb.TodoChannel
   channel "join_params", LivestateTestbedWeb.JoinParamsChannel
+  channel "init_error", LivestateTestbedWeb.InitErrorChannel
   channel "patchy", LivestateTestbedWeb.PatchChannel
 
   # Socket params are passed from the client and can

lib/livestate_testbed_web/templates/page/errors.html.heex

@@ -1 +1,2 @@
-<connect-error url={@url}></connect-error>
+<display-error id="connect" topic="garbage" url={@url}></display-error>
+<display-error id="init" topic="init_error" url={@url}></display-error>

test/livestate_testbed_web/features/error_test.exs

@@ -4,11 +4,19 @@ defmodule LivestateTestbedWeb.Features.ErrorTest do
 
   import Wallaby.Query
 
-  feature "join params", %{session: session} do
+  feature "connect error", %{session: session} do
     session
     |> visit("/errors")
-    |> find(css("connect-error"))
+    |> find(css("display-error#connect"))
     |> shadow_root()
-    |> assert_has(css("div", text: "error"))
+    |> assert_has(css("div", text: "unmatched topic"))
+  end
+
+  feature "init error", %{session: session} do
+    session
+    |> visit("/errors")
+    |> find(css("display-error#init"))
+    |> shadow_root()
+    |> assert_has(css("div", text: "You suck"))
   end
 end