e2e Testing bootstrap select picker
bootstrap selectpicker generates some elements so that protractor has to click a button to show the list of options (that are in the hidden select) and then click the item in the list. I'm having trouble figuring out, by text which list item needs to click.
Sample HTML looks like this:
<div>
<button type="button">
<div class="ripple-container"></div>
</button>
<div class="dropdown-menu open" role="combobox">
<ul class="dropdown-menu inner" role="listbox">
<li data-original-index="1"><a>Male</a></li>
<li data-original-index="2"><a>Female</a></li>
</ul>
</div>
<select>
<option> </option>
<option value="MALE">Male</option>
<option value="FEMALE">Female</option>
</select>
</div>
I want to be able to tell protractor to click the li that corresponds to the option with the value FEMALE - because of localization, I don't want to hardcode strings, but rather find out the position of the option with the value FEMALE and use that to select the <li data-original-index="2">
Is this even possible? Is there another, better way to do it?
protractor bootstrap-selectpicker
asked Jan 3 at 14:40
AdamAdam
28.7k94464
add a comment |
bootstrap selectpicker generates some elements so that protractor has to click a button to show the list of options (that are in the hidden select) and then click the item in the list. I'm having trouble figuring out, by text which list item needs to click.
Sample HTML looks like this:
<div>
<button type="button">
<div class="ripple-container"></div>
</button>
<div class="dropdown-menu open" role="combobox">
<ul class="dropdown-menu inner" role="listbox">
<li data-original-index="1"><a>Male</a></li>
<li data-original-index="2"><a>Female</a></li>
</ul>
</div>
<select>
<option> </option>
<option value="MALE">Male</option>
<option value="FEMALE">Female</option>
</select>
</div>
I want to be able to tell protractor to click the li that corresponds to the option with the value FEMALE - because of localization, I don't want to hardcode strings, but rather find out the position of the option with the value FEMALE and use that to select the <li data-original-index="2">
Is this even possible? Is there another, better way to do it?
protractor bootstrap-selectpicker
asked Jan 3 at 14:40
AdamAdam
28.7k94464
Can you just set the value of the hidden select? Or if you want to click, how about cssContainingText?
– jonrsharpe
Jan 3 at 14:43
@jonrsharpe I'm new to e2e testing, I feel like I should be clicking the buttons, no? EDIT: Setting the value of the hidden select might work, but I feel like I'd just be "getting away with it"
– Adam
Jan 3 at 15:11
add a comment |
bootstrap selectpicker generates some elements so that protractor has to click a button to show the list of options (that are in the hidden select) and then click the item in the list. I'm having trouble figuring out, by text which list item needs to click.
Sample HTML looks like this:
<div>
<button type="button">
<div class="ripple-container"></div>
</button>
<div class="dropdown-menu open" role="combobox">
<ul class="dropdown-menu inner" role="listbox">
<li data-original-index="1"><a>Male</a></li>
<li data-original-index="2"><a>Female</a></li>
</ul>
</div>
<select>
<option> </option>
<option value="MALE">Male</option>
<option value="FEMALE">Female</option>
</select>
</div>
I want to be able to tell protractor to click the li that corresponds to the option with the value FEMALE - because of localization, I don't want to hardcode strings, but rather find out the position of the option with the value FEMALE and use that to select the <li data-original-index="2">
Is this even possible? Is there another, better way to do it?
protractor bootstrap-selectpicker
asked Jan 3 at 14:40
AdamAdam
28.7k94464
bootstrap selectpicker generates some elements so that protractor has to click a button to show the list of options (that are in the hidden select) and then click the item in the list. I'm having trouble figuring out, by text which list item needs to click.
Sample HTML looks like this:
<div>
<button type="button">
<div class="ripple-container"></div>
</button>
<div class="dropdown-menu open" role="combobox">
<ul class="dropdown-menu inner" role="listbox">
<li data-original-index="1"><a>Male</a></li>
<li data-original-index="2"><a>Female</a></li>
</ul>
</div>
<select>
<option> </option>
<option value="MALE">Male</option>
<option value="FEMALE">Female</option>
</select>
</div>
I want to be able to tell protractor to click the li that corresponds to the option with the value FEMALE - because of localization, I don't want to hardcode strings, but rather find out the position of the option with the value FEMALE and use that to select the <li data-original-index="2">
Is this even possible? Is there another, better way to do it?
protractor bootstrap-selectpicker
protractor bootstrap-selectpicker
asked Jan 3 at 14:40
AdamAdam
28.7k94464
asked Jan 3 at 14:40
AdamAdam
28.7k94464
asked Jan 3 at 14:40
AdamAdam
28.7k94464
asked Jan 3 at 14:40
AdamAdam
28.7k94464
asked Jan 3 at 14:40
AdamAdam
28.7k94464
28.7k94464
Can you just set the value of the hidden select? Or if you want to click, how about cssContainingText?
– jonrsharpe
Jan 3 at 14:43
@jonrsharpe I'm new to e2e testing, I feel like I should be clicking the buttons, no? EDIT: Setting the value of the hidden select might work, but I feel like I'd just be "getting away with it"
– Adam
Jan 3 at 15:11
add a comment |
Can you just set the value of the hidden select? Or if you want to click, how about cssContainingText?
– jonrsharpe
Jan 3 at 14:43
@jonrsharpe I'm new to e2e testing, I feel like I should be clicking the buttons, no? EDIT: Setting the value of the hidden select might work, but I feel like I'd just be "getting away with it"
– Adam
Jan 3 at 15:11
Can you just set the value of the hidden select? Or if you want to click, how about cssContainingText?
– jonrsharpe
Jan 3 at 14:43
Can you just set the value of the hidden select? Or if you want to click, how about cssContainingText?
– jonrsharpe
Jan 3 at 14:43
@jonrsharpe I'm new to e2e testing, I feel like I should be clicking the buttons, no? EDIT: Setting the value of the hidden select might work, but I feel like I'd just be "getting away with it"
– Adam
Jan 3 at 15:11
@jonrsharpe I'm new to e2e testing, I feel like I should be clicking the buttons, no? EDIT: Setting the value of the hidden select might work, but I feel like I'd just be "getting away with it"
– Adam
Jan 3 at 15:11
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54024469%2fe2e-testing-bootstrap-select-picker%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54024469%2fe2e-testing-bootstrap-select-picker%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Can you just set the value of the hidden select? Or if you want to click, how about cssContainingText?
– jonrsharpe
Jan 3 at 14:43
@jonrsharpe I'm new to e2e testing, I feel like I should be clicking the buttons, no? EDIT: Setting the value of the hidden select might work, but I feel like I'd just be "getting away with it"
– Adam
Jan 3 at 15:11