1
resposta

Criei este teste com base no conhecimento da Aula

Implementei este teste manipulando o DOM:

it('deveria possuir o número de buttons de acordo com a classificação', () => {
        const classificacoesPossiveis = [1, 2, 3, 4, 5]
        classificacoesPossiveis.forEach(valorPossivel => {
            component.classificar(valorPossivel)
            fixture.detectChanges()
            let numeroDeBottoesEstrelas = 0
            fixture.nativeElement.querySelector('[data-teste="estrelas"]')
            .childNodes.forEach((children:any) => { 
                if(children.className == 'filled')
                    numeroDeBottoesEstrelas++
                })
            expect(numeroDeBottoesEstrelas).toBe(valorPossivel)
            
        })
    })
1 resposta

Oi, Jhonatan. Tudo bem?

Primeiro, quero agradecer por compartilhar seu teste com a gente aqui no fórum. Achei super bacana você usar o conhecimento da aula para praticar criando seu teste. Isso demonstra um compromisso com a prática e o aprendizado, parabéns! Para melhorar ainda mais, tenho uma dica simples: você pode utilizar o querySelectorAll para selecionar todos os elementos com a classe filled de uma vez só, simplificando o código e tornando mais legível. Muito obrigada por compartilhar com a gente e continue com essa dedicação!

Em caso de dúvidas futuras, conte com o apoio do fórum ✨

Um abraço e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!