marko/packages/runtime-class/test/morphdom/fixtures/equal/expected.html

<SECTION id="todoapp">
  "\n    "
  <DIV id="w0">
    "\n        "
    <HEADER id="header">
      "\n            "
      <H1>
        "todos"
      "\n            "
      <FORM data-w-onsubmit="handleFormSubmit|header">
        "\n                "
        <INPUT id="new-todo" placeholder="What needs to be done?">
        "\n            "
      "\n        "
    "\n        "
    <SECTION id="main">
      "\n            "
      <INPUT data-w-onchange="handleToggleAllOnChange|main" id="toggle-all" type="checkbox">
      "\n            "
      <LABEL for="toggle-all">
        "Mark all as complete"
      "\n            "
      <UL id="todo-list">
        "\n                "
        <LI id="main-todo-0">
          "\n                    "
          <DIV class="view">
            "\n                        "
            <INPUT aria-label="Toggle todo completed" class="toggle" data-w-onchange="handleCheckboxChange|main-todo-0" type="checkbox">
            "\n                        "
            <LABEL data-w-ondblclick="handleLabelDblClick|main-todo-0">
              "Go to the grocery store"
            "\n                        "
            <BUTTON aria-label="Delete todo" class="destroy" data-w-onclick="handleDestroyClick|main-todo-0">
            "\n                    "
          "\n                    "
          <INPUT class="edit" data-w-onchange="handleInputChange|main-todo-0" data-w-onkeydown="handleInputKeyDown|main-todo-0" id="main-todo-0-titleInput" title="Enter the new todo title" type="text">
          "\n                "
        "\n                "
        <LI class="completed" id="main-todo-1">
          "\n                    "
          <DIV class="view">
            "\n                        "
            <INPUT aria-label="Toggle todo completed" checked="" class="toggle" data-w-onchange="handleCheckboxChange|main-todo-1" type="checkbox">
            "\n                        "
            <LABEL data-w-ondblclick="handleLabelDblClick|main-todo-1">
              "Ship item"
            "\n                        "
            <BUTTON aria-label="Delete todo" class="destroy" data-w-onclick="handleDestroyClick|main-todo-1">
            "\n                    "
          "\n                    "
          <INPUT class="edit" data-w-onchange="handleInputChange|main-todo-1" data-w-onkeydown="handleInputKeyDown|main-todo-1" id="main-todo-1-titleInput" title="Enter the new todo title" type="text">
          "\n                "
        "\n                "
        <LI id="main-todo-2">
          "\n                    "
          <DIV class="view">
            "\n                        "
            <INPUT aria-label="Toggle todo completed" class="toggle" data-w-onchange="handleCheckboxChange|main-todo-2" type="checkbox">
            "\n                        "
            <LABEL data-w-ondblclick="handleLabelDblClick|main-todo-2">
              "Respond to email"
            "\n                        "
            <BUTTON aria-label="Delete todo" class="destroy" data-w-onclick="handleDestroyClick|main-todo-2">
            "\n                    "
          "\n                    "
          <INPUT class="edit" data-w-onchange="handleInputChange|main-todo-2" data-w-onkeydown="handleInputKeyDown|main-todo-2" id="main-todo-2-titleInput" title="Enter the new todo title" type="text">
          "\n                "
        "\n                "
        <LI id="main-todo-3">
          "\n                    "
          <DIV class="view">
            "\n                        "
            <INPUT aria-label="Toggle todo completed" class="toggle" data-w-onchange="handleCheckboxChange|main-todo-3" type="checkbox">
            "\n                        "
            <LABEL data-w-ondblclick="handleLabelDblClick|main-todo-3">
              "Foo"
            "\n                        "
            <BUTTON aria-label="Delete todo" class="destroy" data-w-onclick="handleDestroyClick|main-todo-3">
            "\n                    "
          "\n                    "
          <INPUT class="edit" data-w-onchange="handleInputChange|main-todo-3" data-w-onkeydown="handleInputKeyDown|main-todo-3" id="main-todo-3-titleInput" title="Enter the new todo title" type="text">
          "\n                "
        "\n                "
        <LI id="main-todo-4">
          "\n                    "
          <DIV class="view">
            "\n                        "
            <INPUT aria-label="Toggle todo completed" class="toggle" data-w-onchange="handleCheckboxChange|main-todo-4" type="checkbox">
            "\n                        "
            <LABEL data-w-ondblclick="handleLabelDblClick|main-todo-4">
              "Bar"
            "\n                        "
            <BUTTON aria-label="Delete todo" class="destroy" data-w-onclick="handleDestroyClick|main-todo-4">
            "\n                    "
          "\n                    "
          <INPUT class="edit" data-w-onchange="handleInputChange|main-todo-4" data-w-onkeydown="handleInputKeyDown|main-todo-4" id="main-todo-4-titleInput" title="Enter the new todo title" type="text">
          "\n                "
        "\n                "
        <LI id="main-todo-5">
          "\n                    "
          <DIV class="view">
            "\n                        "
            <INPUT aria-label="Toggle todo completed" class="toggle" data-w-onchange="handleCheckboxChange|main-todo-5" type="checkbox">
            "\n                        "
            <LABEL data-w-ondblclick="handleLabelDblClick|main-todo-5">
              "Baz"
            "\n                        "
            <BUTTON aria-label="Delete todo" class="destroy" data-w-onclick="handleDestroyClick|main-todo-5">
            "\n                    "
          "\n                    "
          <INPUT class="edit" data-w-onchange="handleInputChange|main-todo-5" data-w-onkeydown="handleInputKeyDown|main-todo-5" id="main-todo-5-titleInput" title="Enter the new todo title" type="text">
          "\n                "
        "\n            "
      "\n        "
    "\n        "
    <FOOTER id="footer">
      "\n            "
      <SPAN id="todo-count">
        "\n                "
        <STRONG>
          "5"
        " items left"
      "\n            "
      <UL id="filters">
        "\n                "
        <LI>
          <A class="selected" data-w-onclick="handleAllFilterClick|footer" href="#/">
            "All"
        "\n                "
        <LI>
          <A data-w-onclick="handleActiveFilterClick|footer" href="#/active">
            "Active"
        "\n                "
        <LI>
          <A data-w-onclick="handleCompletedFilterClick|footer" href="#/completed">
            "Completed"
        "\n            "
      "\n            "
      <BUTTON data-w-onclick="handleClearCompletedClick|footer" id="clear-completed">
        "Clear completed (1)"
      "\n        "
    "\n    "
  "\n"