Evan Almloff
176e67e5b7
* switch to a Document trait and introduce Script/Head/Style/Meta components * Fix desktop title * Insert special elements into the head during the inital SSR render * Make all head component attributes optional * hydrate head elements * improve the server streaming head warning * Document fullstack head hydration approach * deduplicate head elements by href * move Link into head::Link * document head components * add meta and title examples * Fix a few doc examples * fix formatting * Add title to playwright tests * serde is optional on web, but it is enabled by hydrate * remove leftover console log
65 lines
2.2 KiB
Rust
65 lines
2.2 KiB
Rust
// This test is used by playwright configured in the root of the repo
|
|
|
|
use dioxus::prelude::*;
|
|
|
|
fn app() -> Element {
|
|
let mut num = use_signal(|| 0);
|
|
let mut eval_result = use_signal(String::new);
|
|
|
|
rsx! {
|
|
div {
|
|
"hello axum! {num}"
|
|
Title { "hello axum! {num}" }
|
|
button { class: "increment-button", onclick: move |_| num += 1, "Increment" }
|
|
}
|
|
svg { circle { cx: 50, cy: 50, r: 40, stroke: "green", fill: "yellow" } }
|
|
div { class: "raw-attribute-div", "raw-attribute": "raw-attribute-value" }
|
|
div { class: "hidden-attribute-div", hidden: true }
|
|
div {
|
|
class: "dangerous-inner-html-div",
|
|
dangerous_inner_html: "<p>hello dangerous inner html</p>"
|
|
}
|
|
input { value: "hello input" }
|
|
div { class: "style-div", color: "red", "colored text" }
|
|
button {
|
|
class: "eval-button",
|
|
onclick: move |_| async move {
|
|
let mut eval = eval(
|
|
r#"
|
|
window.document.title = 'Hello from Dioxus Eval!';
|
|
// Receive and multiply 10 numbers
|
|
for (let i = 0; i < 10; i++) {
|
|
let value = await dioxus.recv();
|
|
dioxus.send(value*2);
|
|
}
|
|
dioxus.send("returned eval value");
|
|
"#,
|
|
);
|
|
|
|
// Send 10 numbers
|
|
for i in 0..10 {
|
|
eval.send(serde_json::Value::from(i)).unwrap();
|
|
let value = eval.recv().await.unwrap();
|
|
assert_eq!(value, serde_json::Value::from(i * 2));
|
|
}
|
|
|
|
let result = eval.recv().await;
|
|
if let Ok(serde_json::Value::String(string)) = result {
|
|
eval_result.set(string);
|
|
}
|
|
},
|
|
"Eval"
|
|
}
|
|
div { class: "eval-result", "{eval_result}" }
|
|
}
|
|
}
|
|
|
|
fn main() {
|
|
tracing_wasm::set_as_global_default_with_config(
|
|
tracing_wasm::WASMLayerConfigBuilder::default()
|
|
.set_max_level(tracing::Level::TRACE)
|
|
.build(),
|
|
);
|
|
launch(app);
|
|
}
|