Select Kendo ComboBox in Cypress
I have problem with selecting value from combobox in Cypress.
It allways writes me that:
CypressError: cy.select() can only be called on a <select>. Your subject is a: <span unselectable="on" class="k-select" aria-label="select" role="button" tabindex="-1" aria-controls="fabric_listbox">...</span>
Types text into numeric inputs
My code looks like this:
describe('KendoUI', () => {
it('types text into numeric inputs', () => {
cy.visit('https://demos.telerik.com/kendo-ui/combobox/index');
cy.get(':nth-child(4) > .k-dropdown-wrap > .k-select').select('Polyester')
})
})
Can you please give me some help?
You could try it on this page: https://demos.telerik.com/kendo-ui/combobox/index
Thank you.
testing kendo-ui automation cypress
add a comment |
I have problem with selecting value from combobox in Cypress.
It allways writes me that:
CypressError: cy.select() can only be called on a <select>. Your subject is a: <span unselectable="on" class="k-select" aria-label="select" role="button" tabindex="-1" aria-controls="fabric_listbox">...</span>
Types text into numeric inputs
My code looks like this:
describe('KendoUI', () => {
it('types text into numeric inputs', () => {
cy.visit('https://demos.telerik.com/kendo-ui/combobox/index');
cy.get(':nth-child(4) > .k-dropdown-wrap > .k-select').select('Polyester')
})
})
Can you please give me some help?
You could try it on this page: https://demos.telerik.com/kendo-ui/combobox/index
Thank you.
testing kendo-ui automation cypress
add a comment |
I have problem with selecting value from combobox in Cypress.
It allways writes me that:
CypressError: cy.select() can only be called on a <select>. Your subject is a: <span unselectable="on" class="k-select" aria-label="select" role="button" tabindex="-1" aria-controls="fabric_listbox">...</span>
Types text into numeric inputs
My code looks like this:
describe('KendoUI', () => {
it('types text into numeric inputs', () => {
cy.visit('https://demos.telerik.com/kendo-ui/combobox/index');
cy.get(':nth-child(4) > .k-dropdown-wrap > .k-select').select('Polyester')
})
})
Can you please give me some help?
You could try it on this page: https://demos.telerik.com/kendo-ui/combobox/index
Thank you.
testing kendo-ui automation cypress
I have problem with selecting value from combobox in Cypress.
It allways writes me that:
CypressError: cy.select() can only be called on a <select>. Your subject is a: <span unselectable="on" class="k-select" aria-label="select" role="button" tabindex="-1" aria-controls="fabric_listbox">...</span>
Types text into numeric inputs
My code looks like this:
describe('KendoUI', () => {
it('types text into numeric inputs', () => {
cy.visit('https://demos.telerik.com/kendo-ui/combobox/index');
cy.get(':nth-child(4) > .k-dropdown-wrap > .k-select').select('Polyester')
})
})
Can you please give me some help?
You could try it on this page: https://demos.telerik.com/kendo-ui/combobox/index
Thank you.
testing kendo-ui automation cypress
testing kendo-ui automation cypress
edited Nov 21 '18 at 16:27
Dominik Skála
asked Nov 21 '18 at 14:39
Dominik SkálaDominik Skála
227
227
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
cy.select()
will only work for native HTML <select>
elements. In your case you should simply cy.click()
on the element you want to select. This is the way for all custom plugins which mimic select behaviour.
Ok, but how can I find in playground which value I want to select? After I will click on that it only shows get function.
– Dominik Skála
Nov 22 '18 at 14:36
add a comment |
I resolved it.
Make
cy.click()
on the elementFound with
cy.contains()
text what is in the box and then click on it (cy.contains('text').click
)
add a comment |
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%2f53414469%2fselect-kendo-combobox-in-cypress%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
cy.select()
will only work for native HTML <select>
elements. In your case you should simply cy.click()
on the element you want to select. This is the way for all custom plugins which mimic select behaviour.
Ok, but how can I find in playground which value I want to select? After I will click on that it only shows get function.
– Dominik Skála
Nov 22 '18 at 14:36
add a comment |
cy.select()
will only work for native HTML <select>
elements. In your case you should simply cy.click()
on the element you want to select. This is the way for all custom plugins which mimic select behaviour.
Ok, but how can I find in playground which value I want to select? After I will click on that it only shows get function.
– Dominik Skála
Nov 22 '18 at 14:36
add a comment |
cy.select()
will only work for native HTML <select>
elements. In your case you should simply cy.click()
on the element you want to select. This is the way for all custom plugins which mimic select behaviour.
cy.select()
will only work for native HTML <select>
elements. In your case you should simply cy.click()
on the element you want to select. This is the way for all custom plugins which mimic select behaviour.
answered Nov 22 '18 at 14:11
QwalQwal
174110
174110
Ok, but how can I find in playground which value I want to select? After I will click on that it only shows get function.
– Dominik Skála
Nov 22 '18 at 14:36
add a comment |
Ok, but how can I find in playground which value I want to select? After I will click on that it only shows get function.
– Dominik Skála
Nov 22 '18 at 14:36
Ok, but how can I find in playground which value I want to select? After I will click on that it only shows get function.
– Dominik Skála
Nov 22 '18 at 14:36
Ok, but how can I find in playground which value I want to select? After I will click on that it only shows get function.
– Dominik Skála
Nov 22 '18 at 14:36
add a comment |
I resolved it.
Make
cy.click()
on the elementFound with
cy.contains()
text what is in the box and then click on it (cy.contains('text').click
)
add a comment |
I resolved it.
Make
cy.click()
on the elementFound with
cy.contains()
text what is in the box and then click on it (cy.contains('text').click
)
add a comment |
I resolved it.
Make
cy.click()
on the elementFound with
cy.contains()
text what is in the box and then click on it (cy.contains('text').click
)
I resolved it.
Make
cy.click()
on the elementFound with
cy.contains()
text what is in the box and then click on it (cy.contains('text').click
)
edited Nov 23 '18 at 13:56
answered Nov 22 '18 at 17:39
Dominik SkálaDominik Skála
227
227
add a comment |
add a comment |
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%2f53414469%2fselect-kendo-combobox-in-cypress%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