// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing

exports[`PollCreateDialog renders a blank poll 1`] = `
<DocumentFragment>
  <div
    data-focus-guard="true"
    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
    tabindex="0"
  />
  <div
    aria-describedby="mx_CompoundDialog_content"
    aria-labelledby="mx_CompoundDialog_title"
    class="mx_CompoundDialog mx_ScrollableBaseDialog"
    data-focus-lock-disabled="false"
    role="dialog"
  >
    <div
      class="mx_CompoundDialog_header"
    >
      <h1>
        Create poll
      </h1>
    </div>
    <div
      aria-label="Close dialog"
      class="mx_AccessibleButton mx_CompoundDialog_cancelButton"
      role="button"
      tabindex="0"
    >
      <svg
        fill="currentColor"
        height="1em"
        viewBox="0 0 24 24"
        width="1em"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
        />
      </svg>
    </div>
    <form
      class="mx_CompoundDialog_form"
    >
      <div
        class="mx_CompoundDialog_content"
      >
        <div
          class="mx_PollCreateDialog"
        >
          <h2>
            Poll type
          </h2>
          <div
            class="mx_Field mx_Field_select"
          >
            <select
              id="mx_Field_1"
              type="text"
            >
              <option
                value="org.matrix.msc3381.poll.disclosed"
              >
                Open poll
              </option>
              <option
                value="org.matrix.msc3381.poll.undisclosed"
              >
                Closed poll
              </option>
            </select>
            <label
              for="mx_Field_1"
            />
            <svg
              class="mx_Field_select_chevron"
              fill="currentColor"
              height="1em"
              viewBox="0 0 24 24"
              width="1em"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
              />
            </svg>
          </div>
          <p>
            Voters see results as soon as they have voted
          </p>
          <h2>
            What is your poll question or topic?
          </h2>
          <div
            class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
          >
            <input
              id="poll-topic-input"
              label="Question or topic"
              maxlength="340"
              placeholder="Write something…"
              type="text"
              value=""
            />
            <label
              for="poll-topic-input"
            >
              Question or topic
            </label>
          </div>
          <h2>
            Create options
          </h2>
          <div
            class="mx_PollCreateDialog_option"
          >
            <div
              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
            >
              <input
                id="pollcreate_option_0"
                label="Option 1"
                maxlength="340"
                placeholder="Write an option"
                type="text"
                value=""
              />
              <label
                for="pollcreate_option_0"
              >
                Option 1
              </label>
            </div>
            <div
              class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
              role="button"
              tabindex="0"
            >
              <svg
                fill="currentColor"
                height="1em"
                viewBox="0 0 24 24"
                width="1em"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
                />
              </svg>
            </div>
          </div>
          <div
            class="mx_PollCreateDialog_option"
          >
            <div
              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
            >
              <input
                id="pollcreate_option_1"
                label="Option 2"
                maxlength="340"
                placeholder="Write an option"
                type="text"
                value=""
              />
              <label
                for="pollcreate_option_1"
              >
                Option 2
              </label>
            </div>
            <div
              class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
              role="button"
              tabindex="0"
            >
              <svg
                fill="currentColor"
                height="1em"
                viewBox="0 0 24 24"
                width="1em"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
                />
              </svg>
            </div>
          </div>
          <div
            class="mx_AccessibleButton mx_PollCreateDialog_addOption mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
            role="button"
            tabindex="0"
          >
            Add option
          </div>
        </div>
      </div>
      <div
        class="mx_CompoundDialog_footer"
      >
        <div
          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
          role="button"
          tabindex="0"
        >
          Cancel
        </div>
        <button
          aria-disabled="true"
          class="mx_AccessibleButton mx_Dialog_nonDialogButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary mx_AccessibleButton_disabled"
          disabled=""
          role="button"
          tabindex="0"
          type="submit"
        >
          Create Poll
        </button>
      </div>
    </form>
  </div>
  <div
    data-focus-guard="true"
    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
    tabindex="0"
  />
</DocumentFragment>
`;

exports[`PollCreateDialog renders a question and some options 1`] = `
<DocumentFragment>
  <div
    data-focus-guard="true"
    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
    tabindex="0"
  />
  <div
    aria-describedby="mx_CompoundDialog_content"
    aria-labelledby="mx_CompoundDialog_title"
    class="mx_CompoundDialog mx_ScrollableBaseDialog"
    data-focus-lock-disabled="false"
    role="dialog"
  >
    <div
      class="mx_CompoundDialog_header"
    >
      <h1>
        Create poll
      </h1>
    </div>
    <div
      aria-label="Close dialog"
      class="mx_AccessibleButton mx_CompoundDialog_cancelButton"
      role="button"
      tabindex="0"
    >
      <svg
        fill="currentColor"
        height="1em"
        viewBox="0 0 24 24"
        width="1em"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
        />
      </svg>
    </div>
    <form
      class="mx_CompoundDialog_form"
    >
      <div
        class="mx_CompoundDialog_content"
      >
        <div
          class="mx_PollCreateDialog"
        >
          <h2>
            Poll type
          </h2>
          <div
            class="mx_Field mx_Field_select"
          >
            <select
              id="mx_Field_4"
              type="text"
            >
              <option
                value="org.matrix.msc3381.poll.disclosed"
              >
                Open poll
              </option>
              <option
                value="org.matrix.msc3381.poll.undisclosed"
              >
                Closed poll
              </option>
            </select>
            <label
              for="mx_Field_4"
            />
            <svg
              class="mx_Field_select_chevron"
              fill="currentColor"
              height="1em"
              viewBox="0 0 24 24"
              width="1em"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
              />
            </svg>
          </div>
          <p>
            Voters see results as soon as they have voted
          </p>
          <h2>
            What is your poll question or topic?
          </h2>
          <div
            class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
          >
            <input
              id="poll-topic-input"
              label="Question or topic"
              maxlength="340"
              placeholder="Write something…"
              type="text"
              value="How many turnips is the optimal number?"
            />
            <label
              for="poll-topic-input"
            >
              Question or topic
            </label>
          </div>
          <h2>
            Create options
          </h2>
          <div
            class="mx_PollCreateDialog_option"
          >
            <div
              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
            >
              <input
                id="pollcreate_option_0"
                label="Option 1"
                maxlength="340"
                placeholder="Write an option"
                type="text"
                value="As many as my neighbour"
              />
              <label
                for="pollcreate_option_0"
              >
                Option 1
              </label>
            </div>
            <div
              class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
              role="button"
              tabindex="0"
            >
              <svg
                fill="currentColor"
                height="1em"
                viewBox="0 0 24 24"
                width="1em"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
                />
              </svg>
            </div>
          </div>
          <div
            class="mx_PollCreateDialog_option"
          >
            <div
              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
            >
              <input
                id="pollcreate_option_1"
                label="Option 2"
                maxlength="340"
                placeholder="Write an option"
                type="text"
                value="The question is meaningless"
              />
              <label
                for="pollcreate_option_1"
              >
                Option 2
              </label>
            </div>
            <div
              class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
              role="button"
              tabindex="0"
            >
              <svg
                fill="currentColor"
                height="1em"
                viewBox="0 0 24 24"
                width="1em"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
                />
              </svg>
            </div>
          </div>
          <div
            class="mx_PollCreateDialog_option"
          >
            <div
              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
            >
              <input
                id="pollcreate_option_2"
                label="Option 3"
                maxlength="340"
                placeholder="Write an option"
                type="text"
                value="Mu"
              />
              <label
                for="pollcreate_option_2"
              >
                Option 3
              </label>
            </div>
            <div
              class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
              role="button"
              tabindex="0"
            >
              <svg
                fill="currentColor"
                height="1em"
                viewBox="0 0 24 24"
                width="1em"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
                />
              </svg>
            </div>
          </div>
          <div
            class="mx_AccessibleButton mx_PollCreateDialog_addOption mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
            role="button"
            tabindex="0"
          >
            Add option
          </div>
        </div>
      </div>
      <div
        class="mx_CompoundDialog_footer"
      >
        <div
          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
          role="button"
          tabindex="0"
        >
          Cancel
        </div>
        <button
          class="mx_AccessibleButton mx_Dialog_nonDialogButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
          role="button"
          tabindex="0"
          type="submit"
        >
          Create Poll
        </button>
      </div>
    </form>
  </div>
  <div
    data-focus-guard="true"
    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
    tabindex="0"
  />
</DocumentFragment>
`;

exports[`PollCreateDialog renders info from a previous event 1`] = `
<DocumentFragment>
  <div
    data-focus-guard="true"
    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
    tabindex="0"
  />
  <div
    aria-describedby="mx_CompoundDialog_content"
    aria-labelledby="mx_CompoundDialog_title"
    class="mx_CompoundDialog mx_ScrollableBaseDialog"
    data-focus-lock-disabled="false"
    role="dialog"
  >
    <div
      class="mx_CompoundDialog_header"
    >
      <h1>
        Edit poll
      </h1>
    </div>
    <div
      aria-label="Close dialog"
      class="mx_AccessibleButton mx_CompoundDialog_cancelButton"
      role="button"
      tabindex="0"
    >
      <svg
        fill="currentColor"
        height="1em"
        viewBox="0 0 24 24"
        width="1em"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
        />
      </svg>
    </div>
    <form
      class="mx_CompoundDialog_form"
    >
      <div
        class="mx_CompoundDialog_content"
      >
        <div
          class="mx_PollCreateDialog"
        >
          <h2>
            Poll type
          </h2>
          <div
            class="mx_Field mx_Field_select"
          >
            <select
              id="mx_Field_5"
              type="text"
            >
              <option
                value="org.matrix.msc3381.poll.disclosed"
              >
                Open poll
              </option>
              <option
                value="org.matrix.msc3381.poll.undisclosed"
              >
                Closed poll
              </option>
            </select>
            <label
              for="mx_Field_5"
            />
            <svg
              class="mx_Field_select_chevron"
              fill="currentColor"
              height="1em"
              viewBox="0 0 24 24"
              width="1em"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
              />
            </svg>
          </div>
          <p>
            Voters see results as soon as they have voted
          </p>
          <h2>
            What is your poll question or topic?
          </h2>
          <div
            class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
          >
            <input
              id="poll-topic-input"
              label="Question or topic"
              maxlength="340"
              placeholder="Write something…"
              type="text"
              value="Poll Q"
            />
            <label
              for="poll-topic-input"
            >
              Question or topic
            </label>
          </div>
          <h2>
            Create options
          </h2>
          <div
            class="mx_PollCreateDialog_option"
          >
            <div
              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
            >
              <input
                id="pollcreate_option_0"
                label="Option 1"
                maxlength="340"
                placeholder="Write an option"
                type="text"
                value="Answer 1"
              />
              <label
                for="pollcreate_option_0"
              >
                Option 1
              </label>
            </div>
            <div
              class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
              role="button"
              tabindex="0"
            >
              <svg
                fill="currentColor"
                height="1em"
                viewBox="0 0 24 24"
                width="1em"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
                />
              </svg>
            </div>
          </div>
          <div
            class="mx_PollCreateDialog_option"
          >
            <div
              class="mx_Field mx_Field_input mx_Field_labelAlwaysTopLeft mx_Field_placeholderIsHint"
            >
              <input
                id="pollcreate_option_1"
                label="Option 2"
                maxlength="340"
                placeholder="Write an option"
                type="text"
                value="Answer 2"
              />
              <label
                for="pollcreate_option_1"
              >
                Option 2
              </label>
            </div>
            <div
              class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
              role="button"
              tabindex="0"
            >
              <svg
                fill="currentColor"
                height="1em"
                viewBox="0 0 24 24"
                width="1em"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
                />
              </svg>
            </div>
          </div>
          <div
            class="mx_AccessibleButton mx_PollCreateDialog_addOption mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
            role="button"
            tabindex="0"
          >
            Add option
          </div>
        </div>
      </div>
      <div
        class="mx_CompoundDialog_footer"
      >
        <div
          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
          role="button"
          tabindex="0"
        >
          Cancel
        </div>
        <button
          class="mx_AccessibleButton mx_Dialog_nonDialogButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
          role="button"
          tabindex="0"
          type="submit"
        >
          Done
        </button>
      </div>
    </form>
  </div>
  <div
    data-focus-guard="true"
    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
    tabindex="0"
  />
</DocumentFragment>
`;
