kitchen_sink.rs 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. use bumpalo::Bump;
  2. use dioxus::core::{ElementId, Mutation};
  3. use dioxus::prelude::*;
  4. fn basic_syntax_is_a_template(cx: Scope) -> Element {
  5. let asd = 123;
  6. let var = 123;
  7. cx.render(rsx! {
  8. div { key: "12345",
  9. class: "asd",
  10. class: "{asd}",
  11. onclick: move |_| {},
  12. div { "{var}" }
  13. div {
  14. h1 { "var" }
  15. p { "you're great!" }
  16. div { background_color: "red",
  17. h1 { "var" }
  18. div { b { "asd" } "not great" }
  19. }
  20. p { "you're great!" }
  21. }
  22. }
  23. })
  24. }
  25. #[test]
  26. fn dual_stream() {
  27. let mut dom = VirtualDom::new(basic_syntax_is_a_template);
  28. let bump = Bump::new();
  29. let edits = dom.rebuild().santize();
  30. use Mutation::*;
  31. assert_eq!(edits.edits, {
  32. [
  33. LoadTemplate { name: "template", index: 0, id: ElementId(1) },
  34. SetAttribute {
  35. name: "class",
  36. value: (&*bump.alloc("123".into_value(&bump))).into(),
  37. id: ElementId(1),
  38. ns: None,
  39. },
  40. NewEventListener { name: "click", id: ElementId(1) },
  41. HydrateText { path: &[0, 0], value: "123", id: ElementId(2) },
  42. AppendChildren { id: ElementId(0), m: 1 },
  43. ]
  44. });
  45. }