Folhas de estilo de plugin não estão incluídas nos testes qunit

Notei hoje, ao criar testes QUnit para um plugin, que as folhas de estilo do plugin não estão disponíveis para a suíte de testes QUnit.

Foi um caminho longo e sinuoso para descobrir que a razão pela qual meus testes não estavam passando era porque eles dependiam de certos estilos sendo aplicados aos elementos da interface.

Em particular, eu estava aplicando uma classe active a um item de um conjunto em um bloco {{#each}} do Ember. Todos os itens da lista não ativos estavam ocultos, e apenas o item “ativo” era visível.

Eu admito que isso pode ser uma má prática, pois adiciona mais coisas à árvore HTML/componente do que o necessário. E refatorei o código para que o Ember renderize apenas o único item ativo, em vez de iterar pela lista.

De qualquer forma, estou fazendo este post principalmente para documentar que os testes QUnit (pelo menos para plugins) não devem depender de nenhum estilo definido pelo plugin.

2 curtidas