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

1628 lines
38 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`MPollBody renders a finished poll 1`] = `
<div>
<div
class="mx_MPollBody"
>
<h2
data-testid="pollQuestion"
>
What should we order for the party?
</h2>
<div
class="mx_MPollBody_allOptions"
>
<div
class="mx_MPollBody_option mx_MPollBody_option_ended"
data-testid="pollOption-pizza"
>
<div
class="mx_MPollBody_endedOption"
data-value="pizza"
>
<div
class="mx_MPollBody_optionDescription"
>
<div
class="mx_MPollBody_optionText"
>
Pizza
</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
class="mx_MPollBody_option mx_MPollBody_option_ended"
data-testid="pollOption-poutine"
>
<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
class="mx_MPollBody_option mx_MPollBody_option_checked mx_MPollBody_option_ended"
data-testid="pollOption-italian"
>
<div
class="mx_MPollBody_endedOption mx_MPollBody_endedOptionWinner"
data-value="italian"
>
<div
class="mx_MPollBody_optionDescription"
>
<div
class="mx_MPollBody_optionText"
>
Italian
</div>
<div
class="mx_MPollBody_optionVoteCount"
>
2 votes
</div>
</div>
</div>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 67%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option mx_MPollBody_option_ended"
data-testid="pollOption-wings"
>
<div
class="mx_MPollBody_endedOption"
data-value="wings"
>
<div
class="mx_MPollBody_optionDescription"
>
<div
class="mx_MPollBody_optionText"
>
Wings
</div>
<div
class="mx_MPollBody_optionVoteCount"
>
1 vote
</div>
</div>
</div>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 33%;"
/>
</div>
</div>
</div>
<div
class="mx_MPollBody_totalVotes"
data-testid="totalVotes"
>
Final result based on 3 votes
</div>
</div>
</div>
`;
exports[`MPollBody renders a finished poll with multiple winners 1`] = `
<div>
<div
class="mx_MPollBody"
>
<h2
data-testid="pollQuestion"
>
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"
data-testid="pollOption-pizza"
>
<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
class="mx_MPollBody_option mx_MPollBody_option_ended"
data-testid="pollOption-poutine"
>
<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
class="mx_MPollBody_option mx_MPollBody_option_ended"
data-testid="pollOption-italian"
>
<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
class="mx_MPollBody_option mx_MPollBody_option_checked mx_MPollBody_option_ended"
data-testid="pollOption-wings"
>
<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
class="mx_MPollBody_totalVotes"
data-testid="totalVotes"
>
Final result based on 4 votes
</div>
</div>
</div>
`;
exports[`MPollBody renders a finished poll with no votes 1`] = `
<div>
<div
class="mx_MPollBody"
>
<h2
data-testid="pollQuestion"
>
What should we order for the party?
</h2>
<div
class="mx_MPollBody_allOptions"
>
<div
class="mx_MPollBody_option mx_MPollBody_option_ended"
data-testid="pollOption-pizza"
>
<div
class="mx_MPollBody_endedOption"
data-value="pizza"
>
<div
class="mx_MPollBody_optionDescription"
>
<div
class="mx_MPollBody_optionText"
>
Pizza
</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
class="mx_MPollBody_option mx_MPollBody_option_ended"
data-testid="pollOption-poutine"
>
<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
class="mx_MPollBody_option mx_MPollBody_option_ended"
data-testid="pollOption-italian"
>
<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
class="mx_MPollBody_option mx_MPollBody_option_ended"
data-testid="pollOption-wings"
>
<div
class="mx_MPollBody_endedOption"
data-value="wings"
>
<div
class="mx_MPollBody_optionDescription"
>
<div
class="mx_MPollBody_optionText"
>
Wings
</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_totalVotes"
data-testid="totalVotes"
>
Final result based on 0 votes
</div>
</div>
</div>
`;
exports[`MPollBody renders a poll that I have not voted in 1`] = `
<div>
<div
class="mx_MPollBody"
>
<h2
data-testid="pollQuestion"
>
What should we order for the party?
</h2>
<div
class="mx_MPollBody_allOptions"
>
<div
class="mx_MPollBody_option"
data-testid="pollOption-pizza"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="pizza"
/>
<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
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option"
data-testid="pollOption-poutine"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="poutine"
/>
<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
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option"
data-testid="pollOption-italian"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="italian"
/>
<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
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option"
data-testid="pollOption-wings"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="wings"
/>
<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
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
</div>
<div
class="mx_MPollBody_totalVotes"
data-testid="totalVotes"
>
3 votes cast. Vote to see the results
</div>
</div>
</div>
`;
exports[`MPollBody renders a poll with local, non-local and invalid votes 1`] = `
<div>
<div
class="mx_MPollBody"
>
<h2
data-testid="pollQuestion"
>
What should we order for the party?
</h2>
<div
class="mx_MPollBody_allOptions"
>
<div
class="mx_MPollBody_option"
data-testid="pollOption-pizza"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="pizza"
/>
<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"
>
1 vote
</div>
</div>
</div>
<div
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 20%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option"
data-testid="pollOption-poutine"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="poutine"
/>
<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"
>
0 votes
</div>
</div>
</div>
<div
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option mx_MPollBody_option_checked"
data-testid="pollOption-italian"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
>
<input
checked=""
name="poll_answer_select-$mypoll"
type="radio"
value="italian"
/>
<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"
>
3 votes
</div>
</div>
</div>
<div
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 60%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option"
data-testid="pollOption-wings"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="wings"
/>
<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"
>
1 vote
</div>
</div>
</div>
<div
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 20%;"
/>
</div>
</div>
</div>
<div
class="mx_MPollBody_totalVotes"
data-testid="totalVotes"
>
Based on 5 votes
</div>
</div>
</div>
`;
exports[`MPollBody renders a poll with no votes 1`] = `
<div>
<div
class="mx_MPollBody"
>
<h2
data-testid="pollQuestion"
>
What should we order for the party?
</h2>
<div
class="mx_MPollBody_allOptions"
>
<div
class="mx_MPollBody_option"
data-testid="pollOption-pizza"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="pizza"
/>
<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
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option"
data-testid="pollOption-poutine"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="poutine"
/>
<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
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option"
data-testid="pollOption-italian"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="italian"
/>
<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
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option"
data-testid="pollOption-wings"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="wings"
/>
<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
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
</div>
<div
class="mx_MPollBody_totalVotes"
data-testid="totalVotes"
>
No votes cast
</div>
</div>
</div>
`;
exports[`MPollBody renders a poll with only non-local votes 1`] = `
<div>
<div
class="mx_MPollBody"
>
<h2
data-testid="pollQuestion"
>
What should we order for the party?
</h2>
<div
class="mx_MPollBody_allOptions"
>
<div
class="mx_MPollBody_option"
data-testid="pollOption-pizza"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="pizza"
/>
<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"
>
0 votes
</div>
</div>
</div>
<div
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option"
data-testid="pollOption-poutine"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="poutine"
/>
<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"
>
0 votes
</div>
</div>
</div>
<div
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option"
data-testid="pollOption-italian"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="italian"
/>
<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"
>
2 votes
</div>
</div>
</div>
<div
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 67%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option mx_MPollBody_option_checked"
data-testid="pollOption-wings"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
>
<input
checked=""
name="poll_answer_select-$mypoll"
type="radio"
value="wings"
/>
<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"
>
1 vote
</div>
</div>
</div>
<div
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 33%;"
/>
</div>
</div>
</div>
<div
class="mx_MPollBody_totalVotes"
data-testid="totalVotes"
>
Based on 3 votes
</div>
</div>
</div>
`;
exports[`MPollBody renders an undisclosed, finished poll 1`] = `
<div>
<div
class="mx_MPollBody"
>
<h2
data-testid="pollQuestion"
>
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"
data-testid="pollOption-pizza"
>
<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
class="mx_MPollBody_option mx_MPollBody_option_ended"
data-testid="pollOption-poutine"
>
<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
class="mx_MPollBody_option mx_MPollBody_option_ended"
data-testid="pollOption-italian"
>
<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
class="mx_MPollBody_option mx_MPollBody_option_checked mx_MPollBody_option_ended"
data-testid="pollOption-wings"
>
<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
class="mx_MPollBody_totalVotes"
data-testid="totalVotes"
>
Final result based on 4 votes
</div>
</div>
</div>
`;
exports[`MPollBody renders an undisclosed, unfinished poll 1`] = `
<div>
<div
class="mx_MPollBody"
>
<h2
data-testid="pollQuestion"
>
What should we order for the party?
</h2>
<div
class="mx_MPollBody_allOptions"
>
<div
class="mx_MPollBody_option"
data-testid="pollOption-pizza"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="pizza"
/>
<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
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option"
data-testid="pollOption-poutine"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="poutine"
/>
<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
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option"
data-testid="pollOption-italian"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="italian"
/>
<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
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
<div
class="mx_MPollBody_option"
data-testid="pollOption-wings"
>
<label
class="mx_StyledRadioButton mx_MPollBody_live-option mx_StyledRadioButton_enabled"
>
<input
name="poll_answer_select-$mypoll"
type="radio"
value="wings"
/>
<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
class="mx_StyledRadioButton_spacer"
/>
</label>
<div
class="mx_MPollBody_popularityBackground"
>
<div
class="mx_MPollBody_popularityAmount"
style="width: 0%;"
/>
</div>
</div>
</div>
<div
class="mx_MPollBody_totalVotes"
data-testid="totalVotes"
>
Results will be visible when the poll is ended
</div>
</div>
</div>
`;