@mirai/core 0.2.18 → 0.3.1

package/build/components/__shared__/FieldOccupation/__tests__/__snapshots__/FieldOccupation.test.js.snap

@@ -0,0 +1,2179 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<FieldOccupation> inherit:className 1`] = `
+<DocumentFragment>
+  <span>
+    <div
+      class="pressable"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+          />
+        </svg>
+      </span>
+      <div
+        class="view"
+      >
+        <span
+          class="text action"
+        >
+          finder.label.place
+          <span
+            style="text-decoration: underline;"
+          >
+            type.room finder.label.occupation
+          </span>
+          type_guest
+        </span>
+      </div>
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0z"
+            fill="none"
+          />
+          <path
+            d="M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z"
+          />
+        </svg>
+      </span>
+    </div>
+  </span>
+  <div
+    class="layer hidden"
+    style="left: 0px; top: 0px;"
+  >
+    <div
+      class="view mirai"
+    >
+      <div
+        class="scrollview vertical notIndicator"
+      >
+        <div
+          class="view wide"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text action"
+            >
+              finder.label.place
+              <span
+                style="text-decoration: underline;"
+              >
+                type
+              </span>
+              count.room
+            </span>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_adult
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age_from
+              </span>
+            </div>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              2
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_child
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age
+                <span
+                  style="text-decoration: underline;"
+                >
+                  up
+                </span>
+                to
+              </span>
+            </div>
+            <button
+              class="pressable disabled button rounded squared disabled"
+              disabled=""
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              0
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="view row"
+      >
+        <button
+          class="pressable button secondary"
+        >
+          finder.action.add_place_type.room
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<FieldOccupation> prop:minRooms 1`] = `
+<DocumentFragment>
+  <span>
+    <div
+      class="pressable"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+          />
+        </svg>
+      </span>
+      <div
+        class="view"
+      >
+        <span
+          class="text action"
+        >
+          finder.label.place
+          <span
+            style="text-decoration: underline;"
+          >
+            type.room finder.label.occupation
+          </span>
+          type_guest
+        </span>
+      </div>
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0z"
+            fill="none"
+          />
+          <path
+            d="M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z"
+          />
+        </svg>
+      </span>
+    </div>
+  </span>
+  <div
+    class="layer hidden"
+    style="left: 0px; top: 0px;"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="scrollview vertical notIndicator"
+      >
+        <div
+          class="view wide"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text action"
+            >
+              finder.label.place
+              <span
+                style="text-decoration: underline;"
+              >
+                type
+              </span>
+              count.room
+            </span>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_adult
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age_from
+              </span>
+            </div>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              2
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_child
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age
+                <span
+                  style="text-decoration: underline;"
+                >
+                  up
+                </span>
+                to
+              </span>
+            </div>
+            <button
+              class="pressable disabled button rounded squared disabled"
+              disabled=""
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              0
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+        </div>
+        <div
+          class="view wide"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text action"
+            >
+              finder.label.place
+              <span
+                style="text-decoration: underline;"
+              >
+                type
+              </span>
+              count.room
+            </span>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_adult
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age_from
+              </span>
+            </div>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              2
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_child
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age
+                <span
+                  style="text-decoration: underline;"
+                >
+                  up
+                </span>
+                to
+              </span>
+            </div>
+            <button
+              class="pressable disabled button rounded squared disabled"
+              disabled=""
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              0
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="view row"
+      >
+        <button
+          class="pressable button secondary"
+        >
+          finder.action.add_place_type.room
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<FieldOccupation> prop:value 1`] = `
+<DocumentFragment>
+  <span>
+    <div
+      class="pressable"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+          />
+        </svg>
+      </span>
+      <div
+        class="view"
+      >
+        <span
+          class="text action"
+        >
+          finder.label.place
+          <span
+            style="text-decoration: underline;"
+          >
+            type.room finder.label.occupation
+          </span>
+          type
+          <span
+            style="text-decoration: underline;"
+          >
+            adult, finder.label.occupation
+          </span>
+          type_child
+        </span>
+      </div>
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0z"
+            fill="none"
+          />
+          <path
+            d="M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z"
+          />
+        </svg>
+      </span>
+    </div>
+  </span>
+  <div
+    class="layer hidden"
+    style="left: 0px; top: 0px;"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="scrollview vertical notIndicator"
+      >
+        <div
+          class="view wide"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text action"
+            >
+              finder.label.place
+              <span
+                style="text-decoration: underline;"
+              >
+                type
+              </span>
+              count.room
+            </span>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_adult
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age_from
+              </span>
+            </div>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              2
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_child
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age
+                <span
+                  style="text-decoration: underline;"
+                >
+                  up
+                </span>
+                to
+              </span>
+            </div>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              1
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="view"
+          >
+            <div
+              class="view row"
+            >
+              <div
+                class="view inputContainer"
+              >
+                <div
+                  class="view row inputBorder"
+                >
+                  <div
+                    class="view wide content"
+                  >
+                    <select
+                      class="select input"
+                      name="age-0,17"
+                    >
+                      <option
+                        value=""
+                      >
+                        common.label.age
+                      </option>
+                      <option
+                        value="0"
+                      >
+                        0
+                      </option>
+                      <option
+                        value="1"
+                      >
+                        1
+                      </option>
+                      <option
+                        value="2"
+                      >
+                        2
+                      </option>
+                      <option
+                        value="3"
+                      >
+                        3
+                      </option>
+                      <option
+                        value="4"
+                      >
+                        4
+                      </option>
+                      <option
+                        value="5"
+                      >
+                        5
+                      </option>
+                      <option
+                        value="6"
+                      >
+                        6
+                      </option>
+                      <option
+                        value="7"
+                      >
+                        7
+                      </option>
+                      <option
+                        value="8"
+                      >
+                        8
+                      </option>
+                      <option
+                        value="9"
+                      >
+                        9
+                      </option>
+                      <option
+                        value="10"
+                      >
+                        10
+                      </option>
+                      <option
+                        value="11"
+                      >
+                        11
+                      </option>
+                      <option
+                        value="12"
+                      >
+                        12
+                      </option>
+                      <option
+                        value="13"
+                      >
+                        13
+                      </option>
+                      <option
+                        value="14"
+                      >
+                        14
+                      </option>
+                      <option
+                        value="15"
+                      >
+                        15
+                      </option>
+                      <option
+                        value="16"
+                      >
+                        16
+                      </option>
+                      <option
+                        value="17"
+                      >
+                        17
+                      </option>
+                    </select>
+                  </div>
+                  <span
+                    class="icon headline-3 icon select"
+                  >
+                    <svg
+                      fill="currentColor"
+                      height="1em"
+                      stroke="currentColor"
+                      stroke-width="0"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M24 24H0V0h24v24z"
+                        fill="none"
+                        opacity=".87"
+                      />
+                      <path
+                        d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+                      />
+                    </svg>
+                  </span>
+                </div>
+              </div>
+            </div>
+            <span
+              class="text small lighten"
+            >
+              common.label.age_hint
+            </span>
+          </div>
+        </div>
+      </div>
+      <div
+        class="view row"
+      >
+        <button
+          class="pressable button secondary"
+        >
+          finder.action.add_place_type.room
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<FieldOccupation> prop:visible 1`] = `
+<DocumentFragment>
+  <span>
+    <div
+      class="pressable"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+          />
+        </svg>
+      </span>
+      <div
+        class="view"
+      >
+        <span
+          class="text action"
+        >
+          finder.label.place
+          <span
+            style="text-decoration: underline;"
+          >
+            type.room finder.label.occupation
+          </span>
+          type_guest
+        </span>
+      </div>
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0z"
+            fill="none"
+          />
+          <path
+            d="M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z"
+          />
+        </svg>
+      </span>
+    </div>
+  </span>
+  <div
+    class="layer"
+    style="left: 0px; top: 0px;"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="scrollview vertical notIndicator"
+      >
+        <div
+          class="view wide"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text action"
+            >
+              finder.label.place
+              <span
+                style="text-decoration: underline;"
+              >
+                type
+              </span>
+              count.room
+            </span>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_adult
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age_from
+              </span>
+            </div>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              2
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_child
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age
+                <span
+                  style="text-decoration: underline;"
+                >
+                  up
+                </span>
+                to
+              </span>
+            </div>
+            <button
+              class="pressable disabled button rounded squared disabled"
+              disabled=""
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              0
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="view row"
+      >
+        <button
+          class="pressable button secondary"
+        >
+          finder.action.add_place_type.room
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<FieldOccupation> prop:warning 1`] = `
+<DocumentFragment>
+  <span>
+    <div
+      class="pressable"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+          />
+        </svg>
+      </span>
+      <div
+        class="view"
+      >
+        <span
+          class="text action"
+        >
+          finder.label.place
+          <span
+            style="text-decoration: underline;"
+          >
+            type.room finder.label.occupation
+          </span>
+          type_guest
+        </span>
+      </div>
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0z"
+            fill="none"
+          />
+          <path
+            d="M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z"
+          />
+        </svg>
+      </span>
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+          />
+        </svg>
+      </span>
+    </div>
+  </span>
+  <div
+    class="layer hidden"
+    style="left: 0px; top: 0px;"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="scrollview vertical notIndicator"
+      >
+        <div
+          class="view wide"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text action"
+            >
+              finder.label.place
+              <span
+                style="text-decoration: underline;"
+              >
+                type
+              </span>
+              count.room
+            </span>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_adult
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age_from
+              </span>
+            </div>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              2
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_child
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age
+                <span
+                  style="text-decoration: underline;"
+                >
+                  up
+                </span>
+                to
+              </span>
+            </div>
+            <button
+              class="pressable disabled button rounded squared disabled"
+              disabled=""
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              0
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="view row"
+      >
+        <button
+          class="pressable button secondary"
+        >
+          finder.action.add_place_type.room
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<FieldOccupation> renders 1`] = `
+<DocumentFragment>
+  <span>
+    <div
+      class="pressable"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+          />
+        </svg>
+      </span>
+      <div
+        class="view"
+      >
+        <span
+          class="text action"
+        >
+          finder.label.place
+          <span
+            style="text-decoration: underline;"
+          >
+            type.room finder.label.occupation
+          </span>
+          type_guest
+        </span>
+      </div>
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0z"
+            fill="none"
+          />
+          <path
+            d="M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z"
+          />
+        </svg>
+      </span>
+    </div>
+  </span>
+  <div
+    class="layer hidden"
+    style="left: 0px; top: 0px;"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="scrollview vertical notIndicator"
+      >
+        <div
+          class="view wide"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text action"
+            >
+              finder.label.place
+              <span
+                style="text-decoration: underline;"
+              >
+                type
+              </span>
+              count.room
+            </span>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_adult
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age_from
+              </span>
+            </div>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              2
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_child
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age
+                <span
+                  style="text-decoration: underline;"
+                >
+                  up
+                </span>
+                to
+              </span>
+            </div>
+            <button
+              class="pressable disabled button rounded squared disabled"
+              disabled=""
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              0
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="view row"
+      >
+        <button
+          class="pressable button secondary"
+        >
+          finder.action.add_place_type.room
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<FieldOccupation> testID 1`] = `
+<DocumentFragment>
+  <span>
+    <div
+      class="pressable"
+      data-testid="mirai-field"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0V0z"
+            fill="none"
+          />
+          <path
+            d="M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+          />
+        </svg>
+      </span>
+      <div
+        class="view"
+      >
+        <span
+          class="text action"
+        >
+          finder.label.place
+          <span
+            style="text-decoration: underline;"
+          >
+            type.room finder.label.occupation
+          </span>
+          type_guest
+        </span>
+      </div>
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0 0h24v24H0z"
+            fill="none"
+          />
+          <path
+            d="M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z"
+          />
+        </svg>
+      </span>
+    </div>
+  </span>
+  <div
+    class="layer hidden"
+    style="left: 0px; top: 0px;"
+  >
+    <div
+      class="view"
+      data-testid="mirai"
+    >
+      <div
+        class="scrollview vertical notIndicator"
+      >
+        <div
+          class="view wide"
+        >
+          <div
+            class="view row"
+          >
+            <span
+              class="text action"
+            >
+              finder.label.place
+              <span
+                style="text-decoration: underline;"
+              >
+                type
+              </span>
+              count.room
+            </span>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_adult
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age_from
+              </span>
+            </div>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              2
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="view row inputNumber"
+          >
+            <div
+              class="view texts"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                finder.label.occupation_type_child
+              </span>
+              <span
+                class="text small text hint hint"
+              >
+                common.label.age
+                <span
+                  style="text-decoration: underline;"
+                >
+                  up
+                </span>
+                to
+              </span>
+            </div>
+            <button
+              class="pressable disabled button rounded squared disabled"
+              disabled=""
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13H5v-2h14v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <span
+              class="text headline-3 value"
+            >
+              0
+            </span>
+            <button
+              class="pressable button rounded squared secondary"
+            >
+              <span
+                class="icon headline-3"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  stroke="currentColor"
+                  stroke-width="0"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="view row"
+      >
+        <button
+          class="pressable button secondary"
+          data-testid="mirai-add-room"
+        >
+          finder.action.add_place_type.room
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;