Executando verificação de segurança...
1
leticiaviana
1 min de leitura ·

[AJUDA] apache Echarts em testes E2E

Oi, pra quem tiver lendo!
Será que você consegue ajudar uma iniciante com a cuca já pegando fogo?
seguinte: eu tô comecando a aprender testes unitários e eu estou criando testes em uma tela que tem um danado de um chart da biblioteca mencionanda (devo me referir a ela como Echarts? chart.js? anyway...)
e digamos que eu precise 'ativar' certas partes do gráfico para testar uns fluxos.
ex: ativar a parte vermelha para testar se a tabela é filtrada.
até ai, parece tudo ok, mas o danado do chart vira um canvas dificil de inspecionar e fazer calculos com JS (não mencionei que to usando o cypress e o projeto é no angular) para simular os cliques está fora de cogitação já que o grafico n é estático.
Eu já tentei com o GPT, já vi um ticket no GitHub que menciona que tem que usar a função dispatchAction() da própria biblioteca, mas nenhum conteúdo fácil o suficiente para uma iniciante que ta enfrentando esse problema.

Eu passei uma id no HTML do chart, tentei criar uma instância dele no arquivo de teste mas não rolou realmente.

Alguém aqui já precisou aprender isso antes e se sim, como fez?

Carregando publicação patrocinada...
1
kleisson

Creio que o caminho seria usar o "dispatchAction()" mesmo, creio que o uso seja da seguinte forma:

import * as echarts from 'echarts';

var chartDom = document.getElementById('main'); // pega o elemento onde o echarts vai ser renderizado, basicamente o que você fez e falou no seu post.
var myChart = echarts.init(chartDom);

myChart.dispatchAction({
    type: 'select', //Nome do evento, que no seu caso imagino que seja este.
});

Existem algumas outras opções que são optativas, para ter certeza de qual código utilizar para o seu caso, somente olhando o código do componente que está testando ou até somente olhando o código de teste.

Vi que fez uma tentativa parecida com isso que falei, se puder dar mais detalhes como prints do código ou coisas do tipo, por favor, creio que facilitaria em entender o problema.

1