test: added tests for reactive state example

This adds important tests that verify a significant component of
Perseus' reactive state platform.

examples/core/rx_state/Cargo.toml

@@ -10,3 +10,7 @@ perseus = { path = "../../../packages/perseus", features = [ "hydrate" ] }
 sycamore = "0.7"
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
+
+[dev-dependencies]
+fantoccini = "0.17"
+tokio = { version = "1", features = ["macros", "rt", "rt-multi-thread"] }

examples/core/rx_state/src/templates/about.rs

@@ -24,7 +24,6 @@ pub fn about_page() -> View<G> {
         p { (format!("Greetings, {}!", username.get())) }
 
         a(href = "") { "Index" }
-        a(href = "test") { "Test" }
     }
 }
 

examples/core/rx_state/src/templates/index.rs

@@ -16,7 +16,7 @@ pub fn index_page(state: IndexPageStateRx) -> View<G> {
         p { (format!("Greetings, {}!", username.get())) }
         input(bind:value = username_2, placeholder = "Username")
 
-        a(href = "about") { "About" }
+        a(href = "about", id = "about-link") { "About" }
     }
 }
 

examples/core/rx_state/tests/main.rs

@@ -0,0 +1,35 @@
+use fantoccini::{Client, Locator};
+use perseus::wait_for_checkpoint;
+
+#[perseus::test]
+async fn main(c: &mut Client) -> Result<(), fantoccini::error::CmdError> {
+    c.goto("http://localhost:8080").await?;
+    wait_for_checkpoint!("begin", 0, c);
+    let url = c.current_url().await?;
+    assert!(url.as_ref().starts_with("http://localhost:8080"));
+    wait_for_checkpoint!("initial_state_present", 0, c);
+    wait_for_checkpoint!("page_visible", 0, c);
+
+    // The initial greeting should be to an empty string
+    let mut greeting = c.find(Locator::Css("p")).await?;
+    assert_eq!(greeting.text().await?, "Greetings, !");
+    // Now type some text in, and it should be reactively reflected straight away
+    c.find(Locator::Css("input"))
+        .await?
+        .send_keys("Test User")
+        .await?;
+    assert_eq!(greeting.text().await?, "Greetings, Test User!");
+
+    // Go to the about page and make sure the changed greeting is reflected there too
+    // This tests that pages can access each others' states
+    c.find(Locator::Id("about-link")).await?.click().await?;
+    let url = c.current_url().await?;
+    assert!(url.as_ref().starts_with("http://localhost:8080/about"));
+    wait_for_checkpoint!("initial_state_not_present", 0, c);
+    wait_for_checkpoint!("page_visible", 1, c);
+
+    let greeting = c.find(Locator::Css("p")).await?.text().await?;
+    assert_eq!(greeting, "Greetings, Test User!");
+
+    Ok(())
+}