Não entendo por que o fillIn não consegue encontrar 'data-test-code-nav-selector'.
Pausei o teste e usando o devtools copiei este trecho do DOM. Ele é exibido conforme o esperado. Como você pode ver, a tag select possui o atributo esperado.
<select label="codingDropdown" class="h-full bg-gray-50 rounded shadow border py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" data-test-code-nav-selector="">
<option value="PDF_I10_PCS_APPENDICES">ICD-10 PCS Appendices</option>
<option value="PDF_I10_PCS_REFERENCE_MANUAL">ICD-10-PCS Reference Manual</option>
</select>
Então, no arquivo test.js, estou chamando fillIn com o mesmo atributo.
await this.pauseTest();
fillIn('data-test-code-nav-selector', 'PDF_I10_PCS_REFERENCE_MANUAL');
Mas o servidor de teste afirma:
global failure: Error: Element not found when calling `fillIn('data-test-code-nav-selector')`.@ 10974 ms
Source:
Error: Element not found when calling `fillIn('data-test-code-nav-selector')`.
O fórum Ember.js afirma: faça sua pergunta no stackoverflow.
Eu acho que você quer:
observe os colchetes ao redor do atributo - usa a mesma sintaxe dos seletores CSS.