leptos_reactive 0.7.0-preview2

use std::{hash::Hash, marker::PhantomData};
use tachy_maccy::component;
use tachydom::{
    renderer::Renderer,
    view::{keyed::keyed, RenderHtml},
};

#[component]
pub fn For<Rndr, IF, I, T, EF, N, KF, K>(
    /// Items over which the component should iterate.
    each: IF,
    /// A key function that will be applied to each item.
    key: KF,
    /// A function that takes the item, and returns the view that will be displayed for each item.
    children: EF,
    #[prop(optional)] _rndr: PhantomData<Rndr>,
) -> impl RenderHtml<Rndr>
where
    IF: Fn() -> I + 'static,
    I: IntoIterator<Item = T>,
    EF: Fn(T) -> N + Clone + 'static,
    N: RenderHtml<Rndr> + 'static,
    KF: Fn(&T) -> K + Clone + 'static,
    K: Eq + Hash + 'static,
    T: 'static,
    Rndr: Renderer + 'static,
{
    move || keyed(each(), key.clone(), children.clone())
}

#[cfg(test)]
mod tests {
    use crate::For;
    use tachy_maccy::view;
    use tachy_reaccy::{signal::RwSignal, signal_traits::SignalGet};
    use tachydom::{
        html::element::HtmlElement, prelude::ElementChild,
        renderer::mock_dom::MockDom, view::Render,
    };

    #[test]
    fn creates_list() {
        let values = RwSignal::new(vec![1, 2, 3, 4, 5]);
        let list: HtmlElement<_, _, _, MockDom> = view! {
            <ol>
                <For
                    each=move || values.get()
                    key=|i| *i
                    let:i
                >
                    <li>{i}</li>
                </For>
            </ol>
        };
        let list = list.build();
        assert_eq!(
            list.el.to_debug_html(),
            "<ol><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li></ol>"
        );
    }
}