Manuel Cillero
c47724bb68
Añade `Navbar::with_position()` y `navbar::Position` al núcleo, con las clases de Basic para barras fijas y pegajosas, y `navbar::Item::form()` para mostrar un formulario dentro de la barra. Las barras sin botón de despliegue (`Simple` y `SimpleBrandLeft`) ya no colapsan: el punto de corte no les afecta y su menú se mantiene en línea, con salto de línea si no cabe. En Bootsier usan `navbar-expand` y `SimpleBrandLeft` agrupa los contenidos junto a la marca.
117 lines
4 KiB
Rust
117 lines
4 KiB
Rust
use pagetop::prelude::*;
|
|
|
|
fn one_link_nav() -> Nav {
|
|
Nav::new().with_item(nav::Item::link(Lc::n("Home"), "/"))
|
|
}
|
|
|
|
// **< Navbar >*************************************************************************************
|
|
|
|
#[pagetop::test]
|
|
async fn is_not_rendered_when_empty() {
|
|
let mut navbar = Navbar::simple();
|
|
let html = navbar.render(&mut Context::default()).await;
|
|
|
|
assert!(html.is_empty());
|
|
}
|
|
|
|
// **< navbar::Item::form >*************************************************************************
|
|
|
|
#[pagetop::test]
|
|
async fn item_form_renders_the_form() {
|
|
let mut navbar = Navbar::simple().with_item(navbar::Item::form(
|
|
Form::new()
|
|
.with_id("search")
|
|
.with_action("/search")
|
|
.with_child(Button::submit(Lc::n("Go"))),
|
|
));
|
|
let html = navbar.render(&mut Context::default()).await.into_string();
|
|
|
|
assert!(html.contains(r#"<form"#));
|
|
assert!(html.contains(r#"id="search""#));
|
|
assert!(html.contains("Go"));
|
|
}
|
|
|
|
// **< Navbar + FlexItem::push_end >****************************************************************
|
|
|
|
#[pagetop::test]
|
|
async fn push_end_adds_an_automatic_start_margin() {
|
|
let mut cx = Context::default();
|
|
let mut nav = one_link_nav().with_prop(FlexItem::push_end());
|
|
let html = nav.render(&mut cx).await.into_string();
|
|
let assets = cx.render_assets().into_string();
|
|
|
|
assert!(html.contains("_flex-item-offset_auto_"));
|
|
assert!(assets.contains("_flex-item-offset_auto_{margin-inline-start:auto}"));
|
|
}
|
|
|
|
// **< Navbar::with_position >**********************************************************************
|
|
|
|
#[pagetop::test]
|
|
async fn position_is_static_by_default_and_adds_no_class() {
|
|
assert_eq!(Navbar::simple().position(), navbar::Position::Static);
|
|
|
|
let mut navbar = Navbar::simple().with_item(navbar::Item::nav(one_link_nav()));
|
|
let html = navbar.render(&mut Context::default()).await.into_string();
|
|
|
|
assert!(!html.contains("fixed-"));
|
|
assert!(!html.contains("sticky-"));
|
|
}
|
|
|
|
#[pagetop::test]
|
|
async fn position_adds_its_class() {
|
|
for (position, class) in [
|
|
(navbar::Position::FixedTop, "fixed-top"),
|
|
(navbar::Position::FixedBottom, "fixed-bottom"),
|
|
(navbar::Position::StickyTop, "sticky-top"),
|
|
(navbar::Position::StickyBottom, "sticky-bottom"),
|
|
] {
|
|
let mut navbar = Navbar::simple()
|
|
.with_position(position)
|
|
.with_item(navbar::Item::nav(one_link_nav()));
|
|
let html = navbar.render(&mut Context::default()).await.into_string();
|
|
|
|
assert!(html.contains(class), "missing `{class}` in {html}");
|
|
}
|
|
}
|
|
|
|
// **< Navbar::with_expand >************************************************************************
|
|
|
|
#[pagetop::test]
|
|
async fn expand_is_md_by_default_and_can_be_set() {
|
|
assert_eq!(Navbar::simple().expand(), Breakpoint::Md);
|
|
assert_eq!(
|
|
Navbar::simple().with_expand(Breakpoint::Lg).expand(),
|
|
Breakpoint::Lg
|
|
);
|
|
}
|
|
|
|
#[pagetop::test]
|
|
async fn expand_class_is_md_by_default() {
|
|
let mut navbar = Navbar::simple_toggle().with_item(navbar::Item::nav(one_link_nav()));
|
|
let html = navbar.render(&mut Context::default()).await.into_string();
|
|
|
|
assert!(html.contains("navbar-expand-md"));
|
|
}
|
|
|
|
#[pagetop::test]
|
|
async fn expand_class_uses_the_breakpoint_name() {
|
|
let mut navbar = Navbar::simple_toggle()
|
|
.with_expand(Breakpoint::Xl)
|
|
.with_item(navbar::Item::nav(one_link_nav()));
|
|
let html = navbar.render(&mut Context::default()).await.into_string();
|
|
|
|
assert!(html.contains("navbar-expand-xl"));
|
|
assert!(!html.contains("navbar-expand-md"));
|
|
}
|
|
|
|
#[pagetop::test]
|
|
async fn expand_class_has_no_name_without_a_breakpoint_width() {
|
|
// `Xs` has no minimum width, so the class carries no breakpoint name.
|
|
let mut navbar = Navbar::simple_toggle()
|
|
.with_expand(Breakpoint::Xs)
|
|
.with_item(navbar::Item::nav(one_link_nav()));
|
|
let html = navbar.render(&mut Context::default()).await.into_string();
|
|
|
|
assert!(html.contains("navbar-expand"));
|
|
assert!(!html.contains("navbar-expand-"));
|
|
}
|