// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`widgets/PropertyMenu should match snapshot 1`] = `
<div>
  <div
    class="Menu noselect bottom "
  >
    <div
      class="menu-contents"
    >
      <div
        class="menu-options"
      >
        <div>
          <input
            class="PropertyMenu menu-textbox menu-option"
            spellcheck="true"
            title="test-property"
            type="text"
            value="test-property"
          />
        </div>
        <div>
          <div
            class="MenuOption SubMenuOption menu-option menu-option-active"
            id="type"
          >
            <div
              class="noicon"
            />
            <div
              class="menu-name"
            >
              Type: Text
            </div>
            <i
              class="CompassIcon icon-chevron-right"
            />
            <div
              class="SubMenu Menu noselect bottom"
            >
              <div
                class="menu-contents"
              >
                <div
                  class="menu-options"
                >
                  <div
                    class="MenuOption LabelOption menu-option"
                  >
                    <div
                      class="noicon"
                    />
                    <div
                      class="menu-name"
                    >
                      <b>
                        Change property type
                      </b>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    class="MenuOption MenuSeparator menu-separator"
                  />
                  <div
                    aria-label="Text"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Text
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="Number"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Number
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="Email"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Email
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="Phone"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Phone
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="URL"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        URL
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="Select"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Select
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="Multi select"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Multi select
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="Date"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Date
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="Person"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Person
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="Multi person"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Multi person
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="Checkbox"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Checkbox
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="Created time"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Created time
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="Created by"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Created by
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="Last updated time"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Last updated time
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                  <div
                    aria-label="Last updated by"
                    class="MenuOption TextOption menu-option"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Last updated by
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                </div>
                <div
                  class="menu-spacer hideOnWidescreen"
                />
                <div
                  class="menu-options hideOnWidescreen"
                >
                  <div
                    aria-label="Cancel"
                    class="MenuOption TextOption menu-option menu-cancel"
                    role="button"
                  >
                    <div
                      class="d-flex"
                    >
                      <div
                        class="noicon"
                      />
                    </div>
                    <div
                      class="menu-option__content"
                    >
                      <div
                        class="menu-name"
                      >
                        Cancel
                      </div>
                    </div>
                    <div
                      class="noicon"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div>
          <div
            aria-label="Delete"
            class="MenuOption TextOption menu-option"
            role="button"
          >
            <div
              class="d-flex"
            >
              <div
                class="noicon"
              />
            </div>
            <div
              class="menu-option__content"
            >
              <div
                class="menu-name"
              >
                Delete
              </div>
            </div>
            <div
              class="noicon"
            />
          </div>
        </div>
      </div>
      <div
        class="menu-spacer hideOnWidescreen"
      />
      <div
        class="menu-options hideOnWidescreen"
      >
        <div
          aria-label="Cancel"
          class="MenuOption TextOption menu-option menu-cancel"
          role="button"
        >
          <div
            class="d-flex"
          >
            <div
              class="noicon"
            />
          </div>
          <div
            class="menu-option__content"
          >
            <div
              class="menu-name"
            >
              Cancel
            </div>
          </div>
          <div
            class="noicon"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;
