riot-web/test/components/views/messages/__snapshots__/MPollBody-test.tsx.snap

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

exports[`MPollBody renders a finished poll 1`] = `
<MPollBody
  getRelationsForEvent={[Function]}
  highlightLink="unused"
  highlights={[]}
  mediaEventHelper={null}
  mxEvent={
    {
      "content": {
        "org.matrix.msc1767.text": "What should we order for the party?
1. Pizza
2. Poutine
3. Italian
4. Wings",
        "org.matrix.msc3381.poll.start": {
          "answers": [
            {
              "id": "pizza",
              "org.matrix.msc1767.text": "Pizza",
            },
            {
              "id": "poutine",
              "org.matrix.msc1767.text": "Poutine",
            },
            {
              "id": "italian",
              "org.matrix.msc1767.text": "Italian",
            },
            {
              "id": "wings",
              "org.matrix.msc1767.text": "Wings",
            },
          ],
          "kind": "org.matrix.msc3381.poll.disclosed",
          "question": {
            "org.matrix.msc1767.text": "What should we order for the party?",
          },
        },
      },
      "event_id": "$mypoll",
      "room_id": "#myroom:example.com",
      "type": "org.matrix.msc3381.poll.start",
    }
  }
  onHeightChanged={[Function]}
  onMessageAllowed={[Function]}
  permalinkCreator={null}
>
  <div
    className="mx_MPollBody"
  >
    <h2>
      What should we order for the party?
    </h2>
    <div
      className="mx_MPollBody_allOptions"
    >
      <div
        className="mx_MPollBody_option mx_MPollBody_option_ended"
        key="pizza"
        onClick={[Function]}
      >
        <EndedPollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "pizza",
              "renderings": [
                {
                  "body": "Pizza",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Pizza",
              "wireFormat": {
                "content": {
                  "id": "pizza",
                  "org.matrix.msc1767.text": "Pizza",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          votesText="0 votes"
        >
          <div
            className="mx_MPollBody_endedOption"
            data-value="pizza"
          >
            <div
              className="mx_MPollBody_optionDescription"
            >
              <div
                className="mx_MPollBody_optionText"
              >
                Pizza
              </div>
              <div
                className="mx_MPollBody_optionVoteCount"
              >
                0 votes
              </div>
            </div>
          </div>
        </EndedPollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option mx_MPollBody_option_ended"
        key="poutine"
        onClick={[Function]}
      >
        <EndedPollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "poutine",
              "renderings": [
                {
                  "body": "Poutine",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Poutine",
              "wireFormat": {
                "content": {
                  "id": "poutine",
                  "org.matrix.msc1767.text": "Poutine",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          votesText="0 votes"
        >
          <div
            className="mx_MPollBody_endedOption"
            data-value="poutine"
          >
            <div
              className="mx_MPollBody_optionDescription"
            >
              <div
                className="mx_MPollBody_optionText"
              >
                Poutine
              </div>
              <div
                className="mx_MPollBody_optionVoteCount"
              >
                0 votes
              </div>
            </div>
          </div>
        </EndedPollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option mx_MPollBody_option_checked mx_MPollBody_option_ended"
        key="italian"
        onClick={[Function]}
      >
        <EndedPollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "italian",
              "renderings": [
                {
                  "body": "Italian",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Italian",
              "wireFormat": {
                "content": {
                  "id": "italian",
                  "org.matrix.msc1767.text": "Italian",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={true}
          votesText="2 votes"
        >
          <div
            className="mx_MPollBody_endedOption mx_MPollBody_endedOptionWinner"
            data-value="italian"
          >
            <div
              className="mx_MPollBody_optionDescription"
            >
              <div
                className="mx_MPollBody_optionText"
              >
                Italian
              </div>
              <div
                className="mx_MPollBody_optionVoteCount"
              >
                2 votes
              </div>
            </div>
          </div>
        </EndedPollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "67%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option mx_MPollBody_option_ended"
        key="wings"
        onClick={[Function]}
      >
        <EndedPollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "wings",
              "renderings": [
                {
                  "body": "Wings",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Wings",
              "wireFormat": {
                "content": {
                  "id": "wings",
                  "org.matrix.msc1767.text": "Wings",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          votesText="1 vote"
        >
          <div
            className="mx_MPollBody_endedOption"
            data-value="wings"
          >
            <div
              className="mx_MPollBody_optionDescription"
            >
              <div
                className="mx_MPollBody_optionText"
              >
                Wings
              </div>
              <div
                className="mx_MPollBody_optionVoteCount"
              >
                1 vote
              </div>
            </div>
          </div>
        </EndedPollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "33%",
              }
            }
          />
        </div>
      </div>
    </div>
    <div
      className="mx_MPollBody_totalVotes"
    >
      Final result based on 3 votes
    </div>
  </div>
</MPollBody>
`;

exports[`MPollBody renders a finished poll with multiple winners 1`] = `
<MPollBody
  getRelationsForEvent={[Function]}
  highlightLink="unused"
  highlights={[]}
  mediaEventHelper={null}
  mxEvent={
    {
      "content": {
        "org.matrix.msc1767.text": "What should we order for the party?
1. Pizza
2. Poutine
3. Italian
4. Wings",
        "org.matrix.msc3381.poll.start": {
          "answers": [
            {
              "id": "pizza",
              "org.matrix.msc1767.text": "Pizza",
            },
            {
              "id": "poutine",
              "org.matrix.msc1767.text": "Poutine",
            },
            {
              "id": "italian",
              "org.matrix.msc1767.text": "Italian",
            },
            {
              "id": "wings",
              "org.matrix.msc1767.text": "Wings",
            },
          ],
          "kind": "org.matrix.msc3381.poll.disclosed",
          "question": {
            "org.matrix.msc1767.text": "What should we order for the party?",
          },
        },
      },
      "event_id": "$mypoll",
      "room_id": "#myroom:example.com",
      "type": "org.matrix.msc3381.poll.start",
    }
  }
  onHeightChanged={[Function]}
  onMessageAllowed={[Function]}
  permalinkCreator={null}
>
  <div
    className="mx_MPollBody"
  >
    <h2>
      What should we order for the party?
    </h2>
    <div
      className="mx_MPollBody_allOptions"
    >
      <div
        className="mx_MPollBody_option mx_MPollBody_option_checked mx_MPollBody_option_ended"
        key="pizza"
        onClick={[Function]}
      >
        <EndedPollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "pizza",
              "renderings": [
                {
                  "body": "Pizza",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Pizza",
              "wireFormat": {
                "content": {
                  "id": "pizza",
                  "org.matrix.msc1767.text": "Pizza",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={true}
          votesText="2 votes"
        >
          <div
            className="mx_MPollBody_endedOption mx_MPollBody_endedOptionWinner"
            data-value="pizza"
          >
            <div
              className="mx_MPollBody_optionDescription"
            >
              <div
                className="mx_MPollBody_optionText"
              >
                Pizza
              </div>
              <div
                className="mx_MPollBody_optionVoteCount"
              >
                2 votes
              </div>
            </div>
          </div>
        </EndedPollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "50%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option mx_MPollBody_option_ended"
        key="poutine"
        onClick={[Function]}
      >
        <EndedPollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "poutine",
              "renderings": [
                {
                  "body": "Poutine",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Poutine",
              "wireFormat": {
                "content": {
                  "id": "poutine",
                  "org.matrix.msc1767.text": "Poutine",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          votesText="0 votes"
        >
          <div
            className="mx_MPollBody_endedOption"
            data-value="poutine"
          >
            <div
              className="mx_MPollBody_optionDescription"
            >
              <div
                className="mx_MPollBody_optionText"
              >
                Poutine
              </div>
              <div
                className="mx_MPollBody_optionVoteCount"
              >
                0 votes
              </div>
            </div>
          </div>
        </EndedPollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option mx_MPollBody_option_ended"
        key="italian"
        onClick={[Function]}
      >
        <EndedPollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "italian",
              "renderings": [
                {
                  "body": "Italian",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Italian",
              "wireFormat": {
                "content": {
                  "id": "italian",
                  "org.matrix.msc1767.text": "Italian",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          votesText="0 votes"
        >
          <div
            className="mx_MPollBody_endedOption"
            data-value="italian"
          >
            <div
              className="mx_MPollBody_optionDescription"
            >
              <div
                className="mx_MPollBody_optionText"
              >
                Italian
              </div>
              <div
                className="mx_MPollBody_optionVoteCount"
              >
                0 votes
              </div>
            </div>
          </div>
        </EndedPollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option mx_MPollBody_option_checked mx_MPollBody_option_ended"
        key="wings"
        onClick={[Function]}
      >
        <EndedPollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "wings",
              "renderings": [
                {
                  "body": "Wings",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Wings",
              "wireFormat": {
                "content": {
                  "id": "wings",
                  "org.matrix.msc1767.text": "Wings",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={true}
          votesText="2 votes"
        >
          <div
            className="mx_MPollBody_endedOption mx_MPollBody_endedOptionWinner"
            data-value="wings"
          >
            <div
              className="mx_MPollBody_optionDescription"
            >
              <div
                className="mx_MPollBody_optionText"
              >
                Wings
              </div>
              <div
                className="mx_MPollBody_optionVoteCount"
              >
                2 votes
              </div>
            </div>
          </div>
        </EndedPollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "50%",
              }
            }
          />
        </div>
      </div>
    </div>
    <div
      className="mx_MPollBody_totalVotes"
    >
      Final result based on 4 votes
    </div>
  </div>
</MPollBody>
`;

exports[`MPollBody renders a finished poll with no votes 1`] = `
<MPollBody
  getRelationsForEvent={[Function]}
  highlightLink="unused"
  highlights={[]}
  mediaEventHelper={null}
  mxEvent={
    {
      "content": {
        "org.matrix.msc1767.text": "What should we order for the party?
1. Pizza
2. Poutine
3. Italian
4. Wings",
        "org.matrix.msc3381.poll.start": {
          "answers": [
            {
              "id": "pizza",
              "org.matrix.msc1767.text": "Pizza",
            },
            {
              "id": "poutine",
              "org.matrix.msc1767.text": "Poutine",
            },
            {
              "id": "italian",
              "org.matrix.msc1767.text": "Italian",
            },
            {
              "id": "wings",
              "org.matrix.msc1767.text": "Wings",
            },
          ],
          "kind": "org.matrix.msc3381.poll.disclosed",
          "question": {
            "org.matrix.msc1767.text": "What should we order for the party?",
          },
        },
      },
      "event_id": "$mypoll",
      "room_id": "#myroom:example.com",
      "type": "org.matrix.msc3381.poll.start",
    }
  }
  onHeightChanged={[Function]}
  onMessageAllowed={[Function]}
  permalinkCreator={null}
>
  <div
    className="mx_MPollBody"
  >
    <h2>
      What should we order for the party?
    </h2>
    <div
      className="mx_MPollBody_allOptions"
    >
      <div
        className="mx_MPollBody_option mx_MPollBody_option_ended"
        key="pizza"
        onClick={[Function]}
      >
        <EndedPollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "pizza",
              "renderings": [
                {
                  "body": "Pizza",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Pizza",
              "wireFormat": {
                "content": {
                  "id": "pizza",
                  "org.matrix.msc1767.text": "Pizza",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          votesText="0 votes"
        >
          <div
            className="mx_MPollBody_endedOption"
            data-value="pizza"
          >
            <div
              className="mx_MPollBody_optionDescription"
            >
              <div
                className="mx_MPollBody_optionText"
              >
                Pizza
              </div>
              <div
                className="mx_MPollBody_optionVoteCount"
              >
                0 votes
              </div>
            </div>
          </div>
        </EndedPollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option mx_MPollBody_option_ended"
        key="poutine"
        onClick={[Function]}
      >
        <EndedPollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "poutine",
              "renderings": [
                {
                  "body": "Poutine",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Poutine",
              "wireFormat": {
                "content": {
                  "id": "poutine",
                  "org.matrix.msc1767.text": "Poutine",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          votesText="0 votes"
        >
          <div
            className="mx_MPollBody_endedOption"
            data-value="poutine"
          >
            <div
              className="mx_MPollBody_optionDescription"
            >
              <div
                className="mx_MPollBody_optionText"
              >
                Poutine
              </div>
              <div
                className="mx_MPollBody_optionVoteCount"
              >
                0 votes
              </div>
            </div>
          </div>
        </EndedPollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option mx_MPollBody_option_ended"
        key="italian"
        onClick={[Function]}
      >
        <EndedPollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "italian",
              "renderings": [
                {
                  "body": "Italian",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Italian",
              "wireFormat": {
                "content": {
                  "id": "italian",
                  "org.matrix.msc1767.text": "Italian",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          votesText="0 votes"
        >
          <div
            className="mx_MPollBody_endedOption"
            data-value="italian"
          >
            <div
              className="mx_MPollBody_optionDescription"
            >
              <div
                className="mx_MPollBody_optionText"
              >
                Italian
              </div>
              <div
                className="mx_MPollBody_optionVoteCount"
              >
                0 votes
              </div>
            </div>
          </div>
        </EndedPollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option mx_MPollBody_option_ended"
        key="wings"
        onClick={[Function]}
      >
        <EndedPollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "wings",
              "renderings": [
                {
                  "body": "Wings",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Wings",
              "wireFormat": {
                "content": {
                  "id": "wings",
                  "org.matrix.msc1767.text": "Wings",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          votesText="0 votes"
        >
          <div
            className="mx_MPollBody_endedOption"
            data-value="wings"
          >
            <div
              className="mx_MPollBody_optionDescription"
            >
              <div
                className="mx_MPollBody_optionText"
              >
                Wings
              </div>
              <div
                className="mx_MPollBody_optionVoteCount"
              >
                0 votes
              </div>
            </div>
          </div>
        </EndedPollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
    </div>
    <div
      className="mx_MPollBody_totalVotes"
    >
      Final result based on 0 votes
    </div>
  </div>
</MPollBody>
`;

exports[`MPollBody renders a poll that I have not voted in 1`] = `
<MPollBody
  getRelationsForEvent={[Function]}
  highlightLink="unused"
  highlights={[]}
  mediaEventHelper={null}
  mxEvent={
    {
      "content": {
        "org.matrix.msc1767.text": "What should we order for the party?
1. Pizza
2. Poutine
3. Italian
4. Wings",
        "org.matrix.msc3381.poll.start": {
          "answers": [
            {
              "id": "pizza",
              "org.matrix.msc1767.text": "Pizza",
            },
            {
              "id": "poutine",
              "org.matrix.msc1767.text": "Poutine",
            },
            {
              "id": "italian",
              "org.matrix.msc1767.text": "Italian",
            },
            {
              "id": "wings",
              "org.matrix.msc1767.text": "Wings",
            },
          ],
          "kind": "org.matrix.msc3381.poll.disclosed",
          "question": {
            "org.matrix.msc1767.text": "What should we order for the party?",
          },
        },
      },
      "event_id": "$mypoll",
      "room_id": "#myroom:example.com",
      "type": "org.matrix.msc3381.poll.start",
    }
  }
  onHeightChanged={[Function]}
  onMessageAllowed={[Function]}
  permalinkCreator={null}
>
  <div
    className="mx_MPollBody"
  >
    <h2>
      What should we order for the party?
    </h2>
    <div
      className="mx_MPollBody_allOptions"
    >
      <div
        className="mx_MPollBody_option"
        key="pizza"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "pizza",
              "renderings": [
                {
                  "body": "Pizza",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Pizza",
              "wireFormat": {
                "content": {
                  "id": "pizza",
                  "org.matrix.msc1767.text": "Pizza",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText=""
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="pizza"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="pizza"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Pizza
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  />
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option"
        key="poutine"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "poutine",
              "renderings": [
                {
                  "body": "Poutine",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Poutine",
              "wireFormat": {
                "content": {
                  "id": "poutine",
                  "org.matrix.msc1767.text": "Poutine",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText=""
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="poutine"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="poutine"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Poutine
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  />
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option"
        key="italian"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "italian",
              "renderings": [
                {
                  "body": "Italian",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Italian",
              "wireFormat": {
                "content": {
                  "id": "italian",
                  "org.matrix.msc1767.text": "Italian",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText=""
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="italian"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="italian"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Italian
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  />
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option"
        key="wings"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "wings",
              "renderings": [
                {
                  "body": "Wings",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Wings",
              "wireFormat": {
                "content": {
                  "id": "wings",
                  "org.matrix.msc1767.text": "Wings",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText=""
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="wings"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="wings"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Wings
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  />
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
    </div>
    <div
      className="mx_MPollBody_totalVotes"
    >
      3 votes cast. Vote to see the results
    </div>
  </div>
</MPollBody>
`;

exports[`MPollBody renders a poll with local, non-local and invalid votes 1`] = `
<MPollBody
  getRelationsForEvent={[Function]}
  highlightLink="unused"
  highlights={[]}
  mediaEventHelper={null}
  mxEvent={
    {
      "content": {
        "org.matrix.msc1767.text": "What should we order for the party?
1. Pizza
2. Poutine
3. Italian
4. Wings",
        "org.matrix.msc3381.poll.start": {
          "answers": [
            {
              "id": "pizza",
              "org.matrix.msc1767.text": "Pizza",
            },
            {
              "id": "poutine",
              "org.matrix.msc1767.text": "Poutine",
            },
            {
              "id": "italian",
              "org.matrix.msc1767.text": "Italian",
            },
            {
              "id": "wings",
              "org.matrix.msc1767.text": "Wings",
            },
          ],
          "kind": "org.matrix.msc3381.poll.disclosed",
          "question": {
            "org.matrix.msc1767.text": "What should we order for the party?",
          },
        },
      },
      "event_id": "$mypoll",
      "room_id": "#myroom:example.com",
      "type": "org.matrix.msc3381.poll.start",
    }
  }
  onHeightChanged={[Function]}
  onMessageAllowed={[Function]}
  permalinkCreator={null}
>
  <div
    className="mx_MPollBody"
  >
    <h2>
      What should we order for the party?
    </h2>
    <div
      className="mx_MPollBody_allOptions"
    >
      <div
        className="mx_MPollBody_option"
        key="pizza"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "pizza",
              "renderings": [
                {
                  "body": "Pizza",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Pizza",
              "wireFormat": {
                "content": {
                  "id": "pizza",
                  "org.matrix.msc1767.text": "Pizza",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText="1 vote"
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="pizza"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="pizza"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Pizza
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  >
                    1 vote
                  </div>
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "20%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option"
        key="poutine"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "poutine",
              "renderings": [
                {
                  "body": "Poutine",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Poutine",
              "wireFormat": {
                "content": {
                  "id": "poutine",
                  "org.matrix.msc1767.text": "Poutine",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText="0 votes"
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="poutine"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="poutine"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Poutine
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  >
                    0 votes
                  </div>
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option mx_MPollBody_option_checked"
        key="italian"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "italian",
              "renderings": [
                {
                  "body": "Italian",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Italian",
              "wireFormat": {
                "content": {
                  "id": "italian",
                  "org.matrix.msc1767.text": "Italian",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={true}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText="3 votes"
        >
          <StyledRadioButton
            checked={true}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="italian"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
            >
              <input
                checked={true}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="italian"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Italian
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  >
                    3 votes
                  </div>
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "60%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option"
        key="wings"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "wings",
              "renderings": [
                {
                  "body": "Wings",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Wings",
              "wireFormat": {
                "content": {
                  "id": "wings",
                  "org.matrix.msc1767.text": "Wings",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText="1 vote"
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="wings"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="wings"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Wings
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  >
                    1 vote
                  </div>
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "20%",
              }
            }
          />
        </div>
      </div>
    </div>
    <div
      className="mx_MPollBody_totalVotes"
    >
      Based on 5 votes
    </div>
  </div>
</MPollBody>
`;

exports[`MPollBody renders a poll with no votes 1`] = `
<MPollBody
  getRelationsForEvent={[Function]}
  highlightLink="unused"
  highlights={[]}
  mediaEventHelper={null}
  mxEvent={
    {
      "content": {
        "org.matrix.msc1767.text": "What should we order for the party?
1. Pizza
2. Poutine
3. Italian
4. Wings",
        "org.matrix.msc3381.poll.start": {
          "answers": [
            {
              "id": "pizza",
              "org.matrix.msc1767.text": "Pizza",
            },
            {
              "id": "poutine",
              "org.matrix.msc1767.text": "Poutine",
            },
            {
              "id": "italian",
              "org.matrix.msc1767.text": "Italian",
            },
            {
              "id": "wings",
              "org.matrix.msc1767.text": "Wings",
            },
          ],
          "kind": "org.matrix.msc3381.poll.disclosed",
          "question": {
            "org.matrix.msc1767.text": "What should we order for the party?",
          },
        },
      },
      "event_id": "$mypoll",
      "room_id": "#myroom:example.com",
      "type": "org.matrix.msc3381.poll.start",
    }
  }
  onHeightChanged={[Function]}
  onMessageAllowed={[Function]}
  permalinkCreator={null}
>
  <div
    className="mx_MPollBody"
  >
    <h2>
      What should we order for the party?
    </h2>
    <div
      className="mx_MPollBody_allOptions"
    >
      <div
        className="mx_MPollBody_option"
        key="pizza"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "pizza",
              "renderings": [
                {
                  "body": "Pizza",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Pizza",
              "wireFormat": {
                "content": {
                  "id": "pizza",
                  "org.matrix.msc1767.text": "Pizza",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText=""
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="pizza"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="pizza"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Pizza
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  />
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option"
        key="poutine"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "poutine",
              "renderings": [
                {
                  "body": "Poutine",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Poutine",
              "wireFormat": {
                "content": {
                  "id": "poutine",
                  "org.matrix.msc1767.text": "Poutine",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText=""
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="poutine"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="poutine"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Poutine
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  />
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option"
        key="italian"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "italian",
              "renderings": [
                {
                  "body": "Italian",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Italian",
              "wireFormat": {
                "content": {
                  "id": "italian",
                  "org.matrix.msc1767.text": "Italian",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText=""
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="italian"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="italian"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Italian
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  />
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option"
        key="wings"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "wings",
              "renderings": [
                {
                  "body": "Wings",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Wings",
              "wireFormat": {
                "content": {
                  "id": "wings",
                  "org.matrix.msc1767.text": "Wings",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText=""
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="wings"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="wings"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Wings
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  />
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
    </div>
    <div
      className="mx_MPollBody_totalVotes"
    >
      No votes cast
    </div>
  </div>
</MPollBody>
`;

exports[`MPollBody renders a poll with only non-local votes 1`] = `
<MPollBody
  getRelationsForEvent={[Function]}
  highlightLink="unused"
  highlights={[]}
  mediaEventHelper={null}
  mxEvent={
    {
      "content": {
        "org.matrix.msc1767.text": "What should we order for the party?
1. Pizza
2. Poutine
3. Italian
4. Wings",
        "org.matrix.msc3381.poll.start": {
          "answers": [
            {
              "id": "pizza",
              "org.matrix.msc1767.text": "Pizza",
            },
            {
              "id": "poutine",
              "org.matrix.msc1767.text": "Poutine",
            },
            {
              "id": "italian",
              "org.matrix.msc1767.text": "Italian",
            },
            {
              "id": "wings",
              "org.matrix.msc1767.text": "Wings",
            },
          ],
          "kind": "org.matrix.msc3381.poll.disclosed",
          "question": {
            "org.matrix.msc1767.text": "What should we order for the party?",
          },
        },
      },
      "event_id": "$mypoll",
      "room_id": "#myroom:example.com",
      "type": "org.matrix.msc3381.poll.start",
    }
  }
  onHeightChanged={[Function]}
  onMessageAllowed={[Function]}
  permalinkCreator={null}
>
  <div
    className="mx_MPollBody"
  >
    <h2>
      What should we order for the party?
    </h2>
    <div
      className="mx_MPollBody_allOptions"
    >
      <div
        className="mx_MPollBody_option"
        key="pizza"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "pizza",
              "renderings": [
                {
                  "body": "Pizza",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Pizza",
              "wireFormat": {
                "content": {
                  "id": "pizza",
                  "org.matrix.msc1767.text": "Pizza",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText="0 votes"
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="pizza"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="pizza"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Pizza
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  >
                    0 votes
                  </div>
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option"
        key="poutine"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "poutine",
              "renderings": [
                {
                  "body": "Poutine",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Poutine",
              "wireFormat": {
                "content": {
                  "id": "poutine",
                  "org.matrix.msc1767.text": "Poutine",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText="0 votes"
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="poutine"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="poutine"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Poutine
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  >
                    0 votes
                  </div>
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "0%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option"
        key="italian"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "italian",
              "renderings": [
                {
                  "body": "Italian",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Italian",
              "wireFormat": {
                "content": {
                  "id": "italian",
                  "org.matrix.msc1767.text": "Italian",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={false}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText="2 votes"
        >
          <StyledRadioButton
            checked={false}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="italian"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
            >
              <input
                checked={false}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="italian"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Italian
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  >
                    2 votes
                  </div>
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "67%",
              }
            }
          />
        </div>
      </div>
      <div
        className="mx_MPollBody_option mx_MPollBody_option_checked"
        key="wings"
        onClick={[Function]}
      >
        <LivePollOption
          answer={
            PollAnswerSubevent {
              "html": undefined,
              "id": "wings",
              "renderings": [
                {
                  "body": "Wings",
                  "mimetype": "text/plain",
                },
              ],
              "text": "Wings",
              "wireFormat": {
                "content": {
                  "id": "wings",
                  "org.matrix.msc1767.text": "Wings",
                },
                "type": "org.matrix.sdk.poll.answer",
              },
            }
          }
          checked={true}
          onOptionSelected={[Function]}
          pollId="$mypoll"
          votesText="1 vote"
        >
          <StyledRadioButton
            checked={true}
            childrenInLabel={true}
            className="mx_MPollBody_live-option"
            name="poll_answer_select-$mypoll"
            onChange={[Function]}
            value="wings"
          >
            <label
              className="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
            >
              <input
                checked={true}
                name="poll_answer_select-$mypoll"
                onChange={[Function]}
                type="radio"
                value="wings"
              />
              <div>
                <div />
              </div>
              <div
                className="mx_StyledRadioButton_content"
              >
                <div
                  className="mx_MPollBody_optionDescription"
                >
                  <div
                    className="mx_MPollBody_optionText"
                  >
                    Wings
                  </div>
                  <div
                    className="mx_MPollBody_optionVoteCount"
                  >
                    1 vote
                  </div>
                </div>
              </div>
              <div
                className="mx_StyledRadioButton_spacer"
              />
            </label>
          </StyledRadioButton>
        </LivePollOption>
        <div
          className="mx_MPollBody_popularityBackground"
        >
          <div
            className="mx_MPollBody_popularityAmount"
            style={
              {
                "width": "33%",
              }
            }
          />
        </div>
      </div>
    </div>
    <div
      className="mx_MPollBody_totalVotes"
    >
      Based on 3 votes
    </div>
  </div>
</MPollBody>
`;

exports[`MPollBody renders an undisclosed, finished poll 1`] = `"<div class="mx_MPollBody"><h2>What should we order for the party?</h2><div class="mx_MPollBody_allOptions"><div class="mx_MPollBody_option mx_MPollBody_option_checked mx_MPollBody_option_ended"><div class="mx_MPollBody_endedOption mx_MPollBody_endedOptionWinner" data-value="pizza"><div class="mx_MPollBody_optionDescription"><div class="mx_MPollBody_optionText">Pizza</div><div class="mx_MPollBody_optionVoteCount">2 votes</div></div></div><div class="mx_MPollBody_popularityBackground"><div class="mx_MPollBody_popularityAmount" style="width: 50%;"></div></div></div><div class="mx_MPollBody_option mx_MPollBody_option_ended"><div class="mx_MPollBody_endedOption" data-value="poutine"><div class="mx_MPollBody_optionDescription"><div class="mx_MPollBody_optionText">Poutine</div><div class="mx_MPollBody_optionVoteCount">0 votes</div></div></div><div class="mx_MPollBody_popularityBackground"><div class="mx_MPollBody_popularityAmount" style="width: 0%;"></div></div></div><div class="mx_MPollBody_option mx_MPollBody_option_ended"><div class="mx_MPollBody_endedOption" data-value="italian"><div class="mx_MPollBody_optionDescription"><div class="mx_MPollBody_optionText">Italian</div><div class="mx_MPollBody_optionVoteCount">0 votes</div></div></div><div class="mx_MPollBody_popularityBackground"><div class="mx_MPollBody_popularityAmount" style="width: 0%;"></div></div></div><div class="mx_MPollBody_option mx_MPollBody_option_checked mx_MPollBody_option_ended"><div class="mx_MPollBody_endedOption mx_MPollBody_endedOptionWinner" data-value="wings"><div class="mx_MPollBody_optionDescription"><div class="mx_MPollBody_optionText">Wings</div><div class="mx_MPollBody_optionVoteCount">2 votes</div></div></div><div class="mx_MPollBody_popularityBackground"><div class="mx_MPollBody_popularityAmount" style="width: 50%;"></div></div></div></div><div class="mx_MPollBody_totalVotes">Final result based on 4 votes</div></div>"`;

exports[`MPollBody renders an undisclosed, unfinished poll 1`] = `"<div class="mx_MPollBody"><h2>What should we order for the party?</h2><div class="mx_MPollBody_allOptions"><div class="mx_MPollBody_option"><label class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"><input type="radio" name="poll_answer_select-$mypoll" value="pizza"><div><div></div></div><div class="mx_StyledRadioButton_content"><div class="mx_MPollBody_optionDescription"><div class="mx_MPollBody_optionText">Pizza</div><div class="mx_MPollBody_optionVoteCount"></div></div></div><div class="mx_StyledRadioButton_spacer"></div></label><div class="mx_MPollBody_popularityBackground"><div class="mx_MPollBody_popularityAmount" style="width: 0%;"></div></div></div><div class="mx_MPollBody_option"><label class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"><input type="radio" name="poll_answer_select-$mypoll" value="poutine"><div><div></div></div><div class="mx_StyledRadioButton_content"><div class="mx_MPollBody_optionDescription"><div class="mx_MPollBody_optionText">Poutine</div><div class="mx_MPollBody_optionVoteCount"></div></div></div><div class="mx_StyledRadioButton_spacer"></div></label><div class="mx_MPollBody_popularityBackground"><div class="mx_MPollBody_popularityAmount" style="width: 0%;"></div></div></div><div class="mx_MPollBody_option"><label class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"><input type="radio" name="poll_answer_select-$mypoll" value="italian"><div><div></div></div><div class="mx_StyledRadioButton_content"><div class="mx_MPollBody_optionDescription"><div class="mx_MPollBody_optionText">Italian</div><div class="mx_MPollBody_optionVoteCount"></div></div></div><div class="mx_StyledRadioButton_spacer"></div></label><div class="mx_MPollBody_popularityBackground"><div class="mx_MPollBody_popularityAmount" style="width: 0%;"></div></div></div><div class="mx_MPollBody_option"><label class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"><input type="radio" name="poll_answer_select-$mypoll" value="wings"><div><div></div></div><div class="mx_StyledRadioButton_content"><div class="mx_MPollBody_optionDescription"><div class="mx_MPollBody_optionText">Wings</div><div class="mx_MPollBody_optionVoteCount"></div></div></div><div class="mx_StyledRadioButton_spacer"></div></label><div class="mx_MPollBody_popularityBackground"><div class="mx_MPollBody_popularityAmount" style="width: 0%;"></div></div></div></div><div class="mx_MPollBody_totalVotes">Results will be visible when the poll is ended</div></div>"`;