import jsdom_global from "jsdom-global";

const cleanup = jsdom_global();
//! [main]
import { TodoItemModel } from "../model/TodoItemModel.js";
import { TodoItemView } from "./TodoItemView.js";

// TodoItemViewをインスタンス化
const todoItemView = new TodoItemView();
// 対応するTodoItemModelを作成する
const todoItemModel = new TodoItemModel({
    title: "あたらしいTodo",
    completed: false
});
// TodoItemModelからHTML要素を作成する
const todoItemElement = todoItemView.createElement(todoItemModel, {
    onUpdateTodo: () => {
        // チェックボックスが更新されたときに呼ばれるリスナー関数
    },
    onDeleteTodo: () => {
        // 削除ボタンがクリックされたときによばれるリスナー関数
    }
});
console.log(todoItemElement); // <li>要素が入る
//! [main]
// Test
console.log(todoItemElement.innerHTML.includes("あたらしいTodo")); // => true
console.log(!todoItemElement.innerHTML.includes("checked")); // => true
console.log(todoItemElement.innerHTML.includes("delete")); // => true
cleanup();
