### Bônus e vivo bis para linhas e quantidade de linhas por conta

Jira
[](https://)https://jira.telefonica.com.br/browse/PTIECBB01-1031663

Wiki
[](https://)https://wikicorp.telefonica.com.br/pages/viewpage.action?pageId=459328637

###### DETALHAMENTO DAS TAREFAS

**[1][hobknob][usage][front] - Criar nova toggle**
> Criar no hobknob a nova toggle que irá ser responsável por gerenciar o novo layout de visualização do vivo bis e os bônus na grid de linhas da gestão de consumo.
1. Ir no hobknob e criar a toggle `rt-usage-show-vivo-bis-on-lines`;
2. Acessar o módulo do usage e incluir a toggle no feature_flag e no mustache do usage
3. Armazenar evidências na tarefa do jira

**[2][usage][front][web/mobile] - Incluir o novo card do Bônus/Bis**
> Inserir o novo card com as informações de Bônus e Vivo Bis para as linhas.
1. Criar um novo card no arquivo *LineDataConsumption.vue* com as informações de bônus e vivo bis das linhas;
2. Incluir os valores vindos da store referente ao bônus e vivo bis (getVivoBonusValue e getVivoBisValue);
3. Verificar testes unitários;
4. Verificar mutantes;

**[3][usage][front][web/mobile] - Incluir tooltip informativo no card do Bônus/Bis**
1. Inserir uma instância do componente Tooltip.vue no canto superior direito do card de Bônus/Bis das linhas;
2. O texto do tooltip deve ser: "Dados do mês anterior que podem ser usados até o fim do ciclo atual";
3. Verificar testes unitários;
4. Verificar mutantes;

**[4][usage][front][web/mobile] - Mudar a disposição do aviso linhas sem cota**
> Quando o botão para 'configurar linha sem cota' estiver disponível deve ser mudado sua disposição e texto.
1. Remover caixa cinza que envolve o botão de configurar linhas sem cota;
2. Mover texto informativo para cima do botão;
3. Verificar testes unitários;
4. Verificar mutantes;

**[5][usage][front][web/mobile] - Alterar texto do aviso linhas sem cota**
> Quando o botão para 'configurar linha sem cota' estiver disponível este deve exibir um novo texto auxiliar.
1. Novo texto: 'Algumas linhas deste grupo não têm cota de dados definida. Você pode configurar as linhas e atribuir uma cota padrão para todas ou definir o uso de dados para cada linha';
2. Verificar testes unitários;
3. Verificar mutantes;

**[6][usage][back][web/mobile] - Retornar número de linhas na listagem por grupos**
> Link poc: (https://gitlab.redecorp.br/meuvivoempresas/migrated/src-microservices-b2b-usage/commit/7b989409ccb180548c2ef945718cae198cf9c40b)
1. Adicionar o atributo (Integer)totalLines com os respectivos getters e setters ao objeto GroupUsage;
2. Criar método no UsageGroupListCommand com @Retry buscando no NGIN(endpoint: getNetworkNumberByAccountId) a lista de linhas. Setar no totalLines o size da lista.
3. Verificar testes unitários;
4. Possíveis testes de mutação.

**[7][usage][front][web/mobile] - Exibir o número de linhas na listagem por grupos**
1. Na listagem de linhas do grupo, adicionar um elemento com a nova informação de retorno do total de número de linhas por grupo (totalLines);
2. A informação (`usageData.items[index].group.totalLines`) será adicionada abaixo do nome do grupo;
3. A informação deve vir após o texto "Total de linhas:";
4. Verificar testes unitários;
5. Verificar mutantes;

**[8][usage][front][web/mobile] - Usar o método para truncar casas decimais zeradas**
> Na página de grid de linhas utilizar o helper para truncar casas decimais. O método já está criado e sendo usado no arquivo *GroupCardDefault.vue*.
> Então ele será usado no *LineDataConsumption.vue* e no *LineCard.vue* para mantermos o padrão novo.
1. Utilizar o helper `consumptionHelpers.toGbRoundUpWithoutDotZero` para que seja feito um arredondamento.
2. Verificar testes unitários;
3. Verificar mutantes;

**[9][usage][front] - Realizar testes de componenentes / regressão visual**
1. Elaborar novos testes de componentes para o usage;
2. Rodar a pipe no jenkins;
3. Avaliar o spinakker para termos certeza que o deploy passou em dev e autotest;

**[10][usage][e2e] - Elaborar testes E2E**
1. Realizar os testes e2e após a conclusão da história;
2. Os cenaríos de testes já foram elencandos nos critérios de aceite pela PO;

**[11][usage] - Testes exploratórios**
> Link wiki: https://wikicorp.telefonica.com.br/pages/viewpage.action?pageId=459328637
1. Realizar testes exploratórios, evidenciando as ações num documento;
2. Cadastrar sub-bugs e avisar o time de dev;

**[12][kt] - Elaborar documento do KT**
1. Elaborar o documento do kt dessa história e fazer a defesa;

**[13] - Liberar para o time de QA**
1. Após a liberação para o time de QA, informar à nossa AF e Team Leader que a história está fechada/concluída.