'selectChoose' integration test is not working

When i use ‘selectChoose(’.t-select-user’, ‘.ember-power-select-option’, 3); // Third option’ on my integration test i received this message:

Uncaught (in promise) Error: You called "selectChoose('.test-role-selector', '.ember-power-select-option')" but ".ember-power-select-option" didn't match any option at selectChoose$ (http://localhost:4200/assets/tests.js:1631:17) at tryCatch (http://localhost:4200/assets/vendor.js:8619:40) at GeneratorFunctionPrototype.invoke [as _invoke] (http://localhost:4200/assets/vendor.js:8886:22) at GeneratorFunctionPrototype.prototype.(anonymous function) [as next] (http://localhost:4200/assets/vendor.js:8652:21) at GeneratorFunctionPrototype.invoke (http://localhost:4200/assets/vendor.js:8694:37) at <anonymous>

I managed to resolve this problem just calling clickTrigger('.test-role-selector'); before call ‘selectChoose’, but accordly to the documentation the ‘selectChoose’ was suposed to care of the entire process of opening a select and choosing. My test looks like this:

clickTrigger('.test-role-selector');
selectChoose('.test-role-selector', '.ember-power-select-option', 0);

I’m doing something wrong? Why i have to call ‘clickTrigger’?

[cibernox]

Ok, that is clear now. Your misconception is that the helper is asynchronous and you need to await for it to finish before asserting the result.

diff --git a/tests/integration/components/my-component-test.js b/tests/integration/components/my-component-test.js
index 14a31e7..2f8196e 100644
--- a/tests/integration/components/my-component-test.js
+++ b/tests/integration/components/my-component-test.js
@@ -6,11 +6,11 @@ moduleForComponent('my-component', 'Integration | Component | my component', {
   integration: true
 });

-test('it renders', function(assert) {
+test('it renders', async function(assert) {

   this.render(hbs`{{my-component}}`);

-  selectChoose('.test-trigger', '.ember-power-select-option', 0);
+  await selectChoose('.test-trigger', '.ember-power-select-option', 0);

   assert.equal(this.$('.selected-role').text().trim(), 'role1');
 });
diff --git a/typings/ember/ember.d.ts b/typings/ember/ember.d.ts
old mode 100755
new mode 100644

[BryanCrotaz]

@cibernox I just got stuck on this one too. The docs are misleading:

selectChoose(cssPath, optionTextOrOptionSelector, index?)
This async helper allows you to select an option of a select by it's text, without worrying about if the select is single or multiple or if it is opened or closed.

fillIn('.username', 'Tomster');
selectChoose('.city-selector', 'Rome');
// ...
click('.submit-btn');

should be

await fillIn('.username', 'Tomster');
await selectChoose('.city-selector', 'Rome');
// ...
click('.submit-btn');