testes automatizados de renderização em navegadores

Question

Can selênio ou qualquer outra verificação ferramenta automatizada para o bom posicionamento de elementos em uma página web?

Por exemplo, quando você olha para OnStartups.com no IE 6, o principal conteúdo que é suposto ser à direita do menu está abaixo dele, em vez e você tem que rolar para baixo para lê-lo. Você pode consultar e obter as coordenadas da div como eles são realmente exibido, e você pode obter as coordenadas da janela para verificar se o canto superior esquerdo é realmente dentro da área visível?

Answer 1

Eu acho que comparando as imagens é a melhor coisa que você pode fazer e eu tenho medo que não há ferramentas robustas para isso, ainda.

Se eu fosse você, eu iria criar um script que navega através de cada página do site capturar uma imagem em cada um e então eu iria abrir uma pasta com todos os resultados e provavelmente levaria menos de um minuto para verificar 20 ou 30 deles. Sons realmente estúpido, mas às vezes as extremidades alternativa mais fácil por ser o melhor ...

Answer 2

Receio que o melhor que você poderia fazer é selecionar um navegador padrão e de screenshots comparar de outro navegador com a referência.

Não me lembro de um específico, mas alguns ferramenta como Araxis mesclar foi capaz de comparar as imagens de uma forma muito inteligente.

Answer 3

O selênio tem asserções para verificar a posição eo tamanho de um elemento:

• assertElementHeight (localizador, padrão)
• assertElementWidth (localizador, padrão)
• assertElementPositionLeft (localizador, padrão)
• assertElementPositionTop (localizador, padrão)

Um teste simples para verificar a prestação no exemplo PO poderia ser a escrever

assertElementPositionTop(//*[@id='main_content'],0)

verificar, portanto, se #main_content é processado no topo ou em outro lugar.