examples: Tests

MartinKavik · MartinKavik · commit 85ffd0a281c8 · 2020-09-12T01:08:49.000+02:00
diff --git a/Cargo.toml b/Cargo.toml
@@ -136,6 +136,7 @@ members = [
     # "examples/server_integration",   # has own workspace
     "examples/service_worker",
     "examples/subscribe",
+    "examples/tests",
     "examples/tea_component",
     "examples/todomvc",
     "examples/unsaved_changes",
diff --git a/examples/README.md b/examples/README.md
@@ -73,6 +73,9 @@ How to create and use subscriptions, streams, notifications and commands.
 How to write a component in The Elm architecture.
 You'll also learn how to pass messages to the parent component.
 
+### [Tests](tests)
+How to test your app.
+
 ### [Fetch](fetch)
 How to make HTTP request using Fetch API.
 
diff --git a/examples/tests/Cargo.toml b/examples/tests/Cargo.toml
@@ -0,0 +1,14 @@
+[package]
+name = "tests"
+version = "0.1.0"
+authors = ["Martin Kavík <martin@kavik.cz>"]
+edition = "2018"
+
+[lib]
+crate-type = ["cdylib"]
+
+[dev-dependencies]
+wasm-bindgen-test = "0.3.18"
+
+[dependencies]
+seed = {path = "../../"}
diff --git a/examples/tests/Makefile.toml b/examples/tests/Makefile.toml
@@ -0,0 +1,22 @@
+extend = "../../Makefile.toml"
+
+# ---- BUILD ----
+
+[tasks.build]
+alias = "default_build"
+
+[tasks.build_release]
+alias = "default_build_release"
+
+# ---- START ----
+
+[tasks.start]
+alias = "default_start"
+
+[tasks.start_release]
+alias = "default_start_release"
+
+# ---- LINT ----
+
+[tasks.clippy]
+alias = "default_clippy"
diff --git a/examples/tests/README.md b/examples/tests/README.md
@@ -0,0 +1,11 @@
+## Tests example
+
+How to test your app.
+
+---
+
+```bash
+cargo make start
+```
+
+Open [127.0.0.1:8000](http://127.0.0.1:8000) in your browser.
diff --git a/examples/tests/index.html b/examples/tests/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+  <title>Counter example</title>
+</head>
+
+<body>
+  <section id="app"></section>
+  <script type="module">
+    import init from '/pkg/package.js';
+    init('/pkg/package_bg.wasm');
+  </script>
+</body>
+
+</html>
diff --git a/examples/tests/src/lib.rs b/examples/tests/src/lib.rs
@@ -0,0 +1,80 @@
+#![allow(clippy::needless_pass_by_value, clippy::trivially_copy_pass_by_ref)]
+
+use seed::{prelude::*, *};
+
+// ------ ------
+//     Init
+// ------ ------
+
+fn init(_: Url, _: &mut impl Orders<Msg>) -> Model {
+    Model::default()
+}
+
+// ------ ------
+//     Model
+// ------ ------
+
+type Model = i32;
+
+// ------ ------
+//    Update
+// ------ ------
+
+enum Msg {
+    Increment,
+    Decrement,
+}
+
+fn update(msg: Msg, model: &mut Model, _: &mut impl Orders<Msg>) {
+    match msg {
+        Msg::Increment => *model += 1,
+        Msg::Decrement => *model -= 1,
+    }
+}
+
+// ------ ------
+//     View
+// ------ ------
+
+fn view(model: &Model) -> Node<Msg> {
+    div![
+        button![ev(Ev::Click, |_| Msg::Decrement), "-"],
+        div![model],
+        button![ev(Ev::Click, |_| Msg::Increment), "+"],
+    ]
+}
+
+// ------ ------
+//     Start
+// ------ ------
+
+#[wasm_bindgen(start)]
+pub fn start() {
+    App::start("app", init, update, view);
+}
+
+// ------ ------
+//     Tests
+// ------ ------
+
+#[cfg(test)]
+mod tests {
+    use seed::log;
+    use wasm_bindgen_test::*;
+
+    use super::{Model, view};
+
+    wasm_bindgen_test_configure!(run_in_browser);
+
+    #[wasm_bindgen_test]
+    pub fn view_test() {
+        let model: Model = 123;
+        let node = view(&model);
+        let x = node.to_string();
+
+        log!("sfesf");
+
+        assert_eq!(2 + 2, 4)
+    }
+}
+
