Atualizar Testes Utilizando getByText e getByRole (CharacterLimit.spec.ts)

[Luiginicoletti]

Descrição:

Os testes atuais para o componente CharacterLimit estão selecionando elementos com base em classes CSS, o que pode tornar os testes mais frágeis em relação a mudanças no código. A tarefa é reescrever os testes para utilizar as funções getByText e getByRole fornecidas pelo Testing Library. Isso aumentará a robustez dos testes e os tornará menos dependentes de estrutura HTML específica.

Passos:

Substituir Seleção por Classes CSS: Atualmente, os testes selecionam elementos utilizando classes CSS. Isso será substituído pelas funções getByText e getByRole.

Identificar Elementos pelo Texto ou Papel (Role):

• Utilize getByText para selecionar elementos com base em seu texto visível.
• Use getByRole para selecionar elementos com base em seu papel semântico, como botões, inputs, etc.

Remover Dependência de Classes CSS:

• Certifique-se de que os testes não estão mais dependendo de classes CSS específicas para selecionar os elementos.

Atualizar Asserts:

• Verifique se os asserts continuam válidos após a atualização. Os asserts devem garantir que o comportamento esperado ainda seja verdadeiro.

Executar Testes:

• Após atualizar os testes, execute-os para garantir que todos os casos estejam passando corretamente.

Exemplo de Alteração:

// Teste Atual const characterLimitElement = container.querySelector('.characterLimit');

// Alteração Proposta const characterLimitElement = getByRole('characterLimit');

Essa tarefa deve ser executada com cuidado para garantir que os testes continuem eficazes e reflitam com precisão o comportamento do componente.

[Alecell]

Obrigado por abrir a issue

Verifique os nossos guidelines:

• Código de conduta
• Contribuição
• Guia de Estilo

[wendesongomes]

eu quero!!!