fix ssr tests
This commit is contained in:
1 parent
b039d6acc0
commit
16d5d00bdf
8 files changed
+36
-32
No files matched your search
@@ -130,7 +130,7 @@ impl Runtime {
|
|||||||
/// }
|
/// }
|
||||||
///
|
///
|
||||||
/// // In a dynamic library
|
/// // In a dynamic library
|
||||||
/// #[derive(Props)]
|
/// #[derive(Props, Clone)]
|
||||||
/// struct ComponentProps {
|
/// struct ComponentProps {
|
||||||
/// runtime: std::rc::Rc<Runtime>,
|
/// runtime: std::rc::Rc<Runtime>,
|
||||||
/// }
|
/// }
|
||||||
|
|||||||
@@ -251,8 +251,6 @@ impl ScopeContext {
|
|||||||
/// # Example
|
/// # Example
|
||||||
///
|
///
|
||||||
/// ```
|
/// ```
|
||||||
/// use dioxus_core::ScopeState;
|
|
||||||
///
|
|
||||||
/// // prints a greeting on the initial render
|
/// // prints a greeting on the initial render
|
||||||
/// pub fn use_hello_world() {
|
/// pub fn use_hello_world() {
|
||||||
/// cx.use_hook(|| println!("Hello, world!"));
|
/// cx.use_hook(|| println!("Hello, world!"));
|
||||||
|
|||||||
@@ -228,7 +228,7 @@ impl Renderer {
|
|||||||
fn to_string_works() {
|
fn to_string_works() {
|
||||||
use dioxus::prelude::*;
|
use dioxus::prelude::*;
|
||||||
|
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
let dynamic = 123;
|
let dynamic = 123;
|
||||||
let dyn2 = "</diiiiiiiiv>"; // this should be escaped
|
let dyn2 = "</diiiiiiiiv>"; // this should be escaped
|
||||||
|
|
||||||
@@ -288,7 +288,7 @@ fn to_string_works() {
|
|||||||
fn empty_for_loop_works() {
|
fn empty_for_loop_works() {
|
||||||
use dioxus::prelude::*;
|
use dioxus::prelude::*;
|
||||||
|
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
render! {
|
render! {
|
||||||
div { class: "asdasdasd",
|
div { class: "asdasdasd",
|
||||||
for _ in (0..5) {
|
for _ in (0..5) {
|
||||||
@@ -331,7 +331,7 @@ fn empty_for_loop_works() {
|
|||||||
fn empty_render_works() {
|
fn empty_render_works() {
|
||||||
use dioxus::prelude::*;
|
use dioxus::prelude::*;
|
||||||
|
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
render! {}
|
render! {}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ use dioxus::prelude::*;
|
|||||||
|
|
||||||
#[test]
|
#[test]
|
||||||
fn static_boolean_attributs() {
|
fn static_boolean_attributs() {
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
render! {
|
render! {
|
||||||
div { hidden: "false" }
|
div { hidden: "false" }
|
||||||
div { hidden: "true" }
|
div { hidden: "true" }
|
||||||
@@ -20,7 +20,7 @@ fn static_boolean_attributs() {
|
|||||||
|
|
||||||
#[test]
|
#[test]
|
||||||
fn dynamic_boolean_attributs() {
|
fn dynamic_boolean_attributs() {
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
render! {
|
render! {
|
||||||
div { hidden: false }
|
div { hidden: false }
|
||||||
div { hidden: true }
|
div { hidden: true }
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ use dioxus::prelude::*;
|
|||||||
|
|
||||||
#[test]
|
#[test]
|
||||||
fn root_ids() {
|
fn root_ids() {
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
render! { div { width: "100px" } }
|
render! { div { width: "100px" } }
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -17,7 +17,7 @@ fn root_ids() {
|
|||||||
|
|
||||||
#[test]
|
#[test]
|
||||||
fn dynamic_attributes() {
|
fn dynamic_attributes() {
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
let dynamic = 123;
|
let dynamic = 123;
|
||||||
render! {
|
render! {
|
||||||
div { width: "100px", div { width: "{dynamic}px" } }
|
div { width: "100px", div { width: "{dynamic}px" } }
|
||||||
@@ -35,7 +35,7 @@ fn dynamic_attributes() {
|
|||||||
|
|
||||||
#[test]
|
#[test]
|
||||||
fn listeners() {
|
fn listeners() {
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
render! {
|
render! {
|
||||||
div { width: "100px", div { onclick: |_| {} } }
|
div { width: "100px", div { onclick: |_| {} } }
|
||||||
}
|
}
|
||||||
@@ -49,7 +49,7 @@ fn listeners() {
|
|||||||
r#"<div style="width:100px;" data-node-hydration="0"><div data-node-hydration="1,click:1"></div></div>"#
|
r#"<div style="width:100px;" data-node-hydration="0"><div data-node-hydration="1,click:1"></div></div>"#
|
||||||
);
|
);
|
||||||
|
|
||||||
fn app2(_: ()) -> Element {
|
fn app2() -> Element {
|
||||||
let dynamic = 123;
|
let dynamic = 123;
|
||||||
render! {
|
render! {
|
||||||
div { width: "100px", div { width: "{dynamic}px", onclick: |_| {} } }
|
div { width: "100px", div { width: "{dynamic}px", onclick: |_| {} } }
|
||||||
@@ -67,7 +67,7 @@ fn listeners() {
|
|||||||
|
|
||||||
#[test]
|
#[test]
|
||||||
fn text_nodes() {
|
fn text_nodes() {
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
let dynamic_text = "hello";
|
let dynamic_text = "hello";
|
||||||
render! {
|
render! {
|
||||||
div { {dynamic_text} }
|
div { {dynamic_text} }
|
||||||
@@ -82,7 +82,7 @@ fn text_nodes() {
|
|||||||
r#"<div data-node-hydration="0"><!--node-id1-->hello<!--#--></div>"#
|
r#"<div data-node-hydration="0"><!--node-id1-->hello<!--#--></div>"#
|
||||||
);
|
);
|
||||||
|
|
||||||
fn app2(_: ()) -> Element {
|
fn app2() -> Element {
|
||||||
let dynamic = 123;
|
let dynamic = 123;
|
||||||
render! {
|
render! {
|
||||||
div { "{dynamic}", "{1234}" }
|
div { "{dynamic}", "{1234}" }
|
||||||
@@ -101,11 +101,11 @@ fn text_nodes() {
|
|||||||
#[allow(non_snake_case)]
|
#[allow(non_snake_case)]
|
||||||
#[test]
|
#[test]
|
||||||
fn components_hydrate() {
|
fn components_hydrate() {
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
render! { Child {} }
|
render! { Child {} }
|
||||||
}
|
}
|
||||||
|
|
||||||
fn Child(_: ()) -> Element {
|
fn Child() -> Element {
|
||||||
render! { div { "hello" } }
|
render! { div { "hello" } }
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -117,11 +117,11 @@ fn components_hydrate() {
|
|||||||
r#"<div data-node-hydration="0">hello</div>"#
|
r#"<div data-node-hydration="0">hello</div>"#
|
||||||
);
|
);
|
||||||
|
|
||||||
fn app2(_: ()) -> Element {
|
fn app2() -> Element {
|
||||||
render! { Child2 {} }
|
render! { Child2 {} }
|
||||||
}
|
}
|
||||||
|
|
||||||
fn Child2(_: ()) -> Element {
|
fn Child2() -> Element {
|
||||||
let dyn_text = "hello";
|
let dyn_text = "hello";
|
||||||
render! {
|
render! {
|
||||||
div { {dyn_text} }
|
div { {dyn_text} }
|
||||||
@@ -136,11 +136,11 @@ fn components_hydrate() {
|
|||||||
r#"<div data-node-hydration="0"><!--node-id1-->hello<!--#--></div>"#
|
r#"<div data-node-hydration="0"><!--node-id1-->hello<!--#--></div>"#
|
||||||
);
|
);
|
||||||
|
|
||||||
fn app3(_: ()) -> Element {
|
fn app3() -> Element {
|
||||||
render! { Child3 {} }
|
render! { Child3 {} }
|
||||||
}
|
}
|
||||||
|
|
||||||
fn Child3(_: ()) -> Element {
|
fn Child3() -> Element {
|
||||||
render! { div { width: "{1}" } }
|
render! { div { width: "{1}" } }
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -152,11 +152,11 @@ fn components_hydrate() {
|
|||||||
r#"<div style="width:1;" data-node-hydration="0"></div>"#
|
r#"<div style="width:1;" data-node-hydration="0"></div>"#
|
||||||
);
|
);
|
||||||
|
|
||||||
fn app4(_: ()) -> Element {
|
fn app4() -> Element {
|
||||||
render! { Child4 {} }
|
render! { Child4 {} }
|
||||||
}
|
}
|
||||||
|
|
||||||
fn Child4(_: ()) -> Element {
|
fn Child4() -> Element {
|
||||||
render! {
|
render! {
|
||||||
for _ in 0..2 {
|
for _ in 0..2 {
|
||||||
{render! { "{1}" }}
|
{render! { "{1}" }}
|
||||||
@@ -177,7 +177,7 @@ fn components_hydrate() {
|
|||||||
fn hello_world_hydrates() {
|
fn hello_world_hydrates() {
|
||||||
use dioxus_signals::use_signal;
|
use dioxus_signals::use_signal;
|
||||||
|
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
let mut count = use_signal(|| 0);
|
let mut count = use_signal(|| 0);
|
||||||
|
|
||||||
render! {
|
render! {
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ use dioxus::prelude::*;
|
|||||||
|
|
||||||
#[test]
|
#[test]
|
||||||
fn static_inner_html() {
|
fn static_inner_html() {
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
render! { div { dangerous_inner_html: "<div>1234</div>" } }
|
render! { div { dangerous_inner_html: "<div>1234</div>" } }
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -14,7 +14,7 @@ fn static_inner_html() {
|
|||||||
|
|
||||||
#[test]
|
#[test]
|
||||||
fn dynamic_inner_html() {
|
fn dynamic_inner_html() {
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
let inner_html = "<div>1234</div>";
|
let inner_html = "<div>1234</div>";
|
||||||
render! { div { dangerous_inner_html: "{inner_html}" } }
|
render! { div { dangerous_inner_html: "{inner_html}" } }
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ use dioxus::prelude::*;
|
|||||||
|
|
||||||
#[test]
|
#[test]
|
||||||
fn simple() {
|
fn simple() {
|
||||||
fn App(_: ()) -> Element {
|
fn App() -> Element {
|
||||||
render! { div { "hello!" } }
|
render! { div { "hello!" } }
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -22,8 +22,10 @@ fn lists() {
|
|||||||
assert_eq!(
|
assert_eq!(
|
||||||
dioxus_ssr::render_element(render! {
|
dioxus_ssr::render_element(render! {
|
||||||
ul {
|
ul {
|
||||||
(0..5).map(|i| render! {
|
{
|
||||||
li { "item {i}" }
|
(0..5).map(|i| render! {
|
||||||
|
li { "item {i}" }
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}),
|
}),
|
||||||
@@ -56,8 +58,10 @@ fn components() {
|
|||||||
assert_eq!(
|
assert_eq!(
|
||||||
dioxus_ssr::render_element(render! {
|
dioxus_ssr::render_element(render! {
|
||||||
div {
|
div {
|
||||||
(0..5).map(|name| render! {
|
{
|
||||||
MyComponent { name: name }
|
(0..5).map(|name| render! {
|
||||||
|
MyComponent { name: name }
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}),
|
}),
|
||||||
@@ -70,7 +74,9 @@ fn fragments() {
|
|||||||
assert_eq!(
|
assert_eq!(
|
||||||
dioxus_ssr::render_element(render! {
|
dioxus_ssr::render_element(render! {
|
||||||
div {
|
div {
|
||||||
(0..5).map(|_| render! (()))
|
{
|
||||||
|
(0..5).map(|_| render! ({}))
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}),
|
}),
|
||||||
"<div></div>"
|
"<div></div>"
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ use dioxus::prelude::*;
|
|||||||
|
|
||||||
#[test]
|
#[test]
|
||||||
fn static_styles() {
|
fn static_styles() {
|
||||||
fn app(_: ()) -> Element {
|
fn app() -> Element {
|
||||||
render! { div { width: "100px" } }
|
render! { div { width: "100px" } }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in new issue
Block a user