Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-25 18:08:14 +08:00
Code Issues Packages Projects Releases Wiki Activity
18ab325eaf
element-web-Github/test/components/views/messages/__snapshots__/MPollBody-test.tsx.snap
Kerry 544baa30ed
use Poll model with relations API in poll rendering (#9877) 
* wip

* remove dupe

* use poll model relations in all cases

* update mpollbody tests to use poll instance

* update poll fetching login in pinned messages card

* add pinned polls to room polls state

* add spinner while relations are still loading

* handle no poll in end poll dialog

* strict errors

* strict fix

* more strict fix
2023-02-02 20:22:26 +00:00

1628 lines
39 KiB
Plaintext
Raw Blame History

// 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 loader while responses are still loading 1`] = `"Based on 4 votes<div class="mx_Spinner"><div class="mx_Spinner_icon" style="width: 16px; height: 16px;" aria-label="Loading..." role="progressbar" data-testid="spinner"></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
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
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>
`;
Reference in New Issue View Git Blame Copy Permalink