Devo ter testes de Selenium automatizados diferentes para diferentes resoluções de tela?

5

Um site que estou criando terá três pontos de interrupção: desktop, tablet landscape, mobile. Devo escrever um teste para cada resolução?

    
por user2980081 19.06.2014 / 22:26
fonte

2 respostas

4

É improvável que você veja regressões relacionadas ao layout com testes do Selenium:

  • As regressões relacionadas a como os elementos são exibidos levam a layouts que parecem quebrados, mas ainda possuem todos os elementos necessários para realizar o teste. Se você pedir para o Selenium inserir o texto em um campo, clique em um botão e espere que um texto específico apareça em um% específico <div> , o Selenium não será capaz de saber que o botão é muito curto para o seu conteúdo ou que o texto entrada tem uma posição errada na página, ou que o texto dentro do <div> preenche duas linhas em vez de uma.

  • As regressões que movem os elementos para fora da área de desenho (o que leva a falhas de teste, se, por exemplo, o Selenium for solicitado a clicar em um botão que não está visível) são muito aleatórios e geralmente levam a testes escamosos.

Você pode, no entanto, usar testes pdiff para detectar alterações no layout: o objetivo desses testes é especificamente capturar regressões visuais. Se você segmentar três tamanhos de tela, é realmente uma boa ideia executar os testes para todos os três tamanhos. Não é incomum usar quatro ou cinco tamanhos e é especialmente valioso, pois os desenvolvedores raramente verificam como suas alterações influenciam o layout de telas muito pequenas ou muito grandes.

    
por 13.02.2018 / 20:45
fonte
1

Use um teste de especificação de projeto para validar as propriedades CSS calculadas para cada ponto de interrupção. Por exemplo:

Atthetopofthespecfile,wedefinenamedelementsusingCSSselectors.Thesecanthenbeusedthroughouttorefertoelementsbyname.

Wethengroupelementchecksbyviewportsizesothatwecanmakedifferentchecksatdifferentresponsivebreakpoints.Namedviewportsizeslikesmall,mediumandlargeareentirelycustomisable.Theexactviewportdimensionsarespecifiedinaglobaltestsuitefilethatisn’tshownhere.The*grouprunschecksforallviewportsizes.

Withineachviewportgroup,wethenprovidethenameoftheelementwewanttocheck.Withineachofthesearetheactualcheckswewanttocarryout.Checkstendtofocusondimensionsorrelativepositiontootherelementsinacomponent.ItisalsopossibletodirectlycheckfinalcomputedCSSproperties,liketextcolororfontsize.

Referências

por 13.02.2018 / 22:36
fonte