Menu

O que é teste cruzado de navegadores e como realizá-lo: um guia completo

what is cross browser testing

Experimente Nosso Instrumento Para Eliminar Problemas

Um guia completo para iniciantes em testes entre navegadores:

O Teste Cruzado de Navegadores é um tipo de teste para verificar se um aplicativo funciona em diferentes navegadores conforme o esperado e se degrada normalmente. É o processo de verificação da compatibilidade do seu aplicativo com diferentes navegadores.

Muitas vezes, tenho encontrado um problema com um site e ao ligar para o suporte técnico, eles simplesmente me dizem para tentar em outro navegador. Quando faço isso, dá certo e acabo me sentindo uma idiota total, embora ganhe a vida trabalhando na indústria de software.

Aposto que isso aconteceu com todos vocês, não é?

Dicas de teste entre navegadores

Sempre acabo pensando 'por que não pensei nisso?' Mas, acredite, com o tempo percebi que não é minha culpa; é que o site não foi testado exaustivamente com relação ao teste de compatibilidade entre navegadores e, como usuário final, acabei de encontrar um bug.

O que você aprenderá:

Introdução

Todos nós podemos ter observado que alguns sites não são exibidos corretamente em alguns navegadores e apenas pensamos que o site está quebrado. Mas, assim que você o abre em um navegador diferente, o site abre perfeitamente. Assim, esse comportamento explica a compatibilidade de um site com diferentes navegadores.

Cada navegador interpreta as informações na página do site de forma diferente. Assim, alguns navegadores podem não ter os recursos que seu site está tentando mostrar e fazer com que seu site pareça danificado nesse navegador.

Por exemplo , conforme mostrado abaixo, os erros dos formulários de inscrição não são os mesmos em ambos os navegadores. Além disso, a cor do texto, fonte, etc., também são diferentes se você olhar para eles de perto.

Teste Cross Browser

Com o avanço da tecnologia, existem várias opções disponíveis para navegadores, e não é apenas o suficiente para fazer um site funcionar em um dos navegadores.

Os usuários não devem ser restritos a usar nenhum navegador específico para acessar seu aplicativo. Assim, torna-se necessário testar a compatibilidade do seu site com diferentes navegadores. Alguns dos navegadores comumente usados ​​incluem Chrome, Safari, Firefox, Internet Explorer etc.

navegadores

Sendo essa a história de fundo, aposto que todos vocês já descobriram o tópico da discussão de hoje - Teste entre navegadores.

Como é uma prática geral na STH, vamos nos concentrar no básico. Acreditamos que qualquer conceito fará um mundo de sentido quando fizermos as perguntas básicas sobre como- “O quê, porquê, como, quem, quando, onde”.

Vamos fazer exatamente isso à medida que avançamos.

O que é teste cruzado de navegadores?

# 1) O teste entre navegadores é simplesmente o que seu nome significa - ou seja, testar seu site ou aplicativo em vários navegadores - e certificar-se de que funciona de forma consistente e conforme o esperado, sem quaisquer dependências ou comprometimento da qualidade.

#dois) Isso se aplica a ambos Rede e Aplicações Móveis .

# 3) Que tipos de aplicativos passam por isso? - Os aplicativos voltados para o cliente são a melhor escolha. Você pode estar se perguntando neste ponto: 'Nem todos os aplicativos são voltados para o cliente?' Bem, sim. Eles estão. No entanto, vejamos um exemplo.

Aplicação 1: Um aplicativo desenvolvido para que uma empresa acompanhe internamente seu estoque
Aplicação 2: Isso é para os usuários finais comprarem produtos desta empresa

  • É evidente que a melhor ideia seria testar o Aplicativo 2 para teste de compatibilidade do navegador, uma vez que é impossível controlar quais navegadores / plataformas / versões o usuário final irá usar.
  • Por outro lado, se todos os computadores internos da empresa usarem máquinas com Windows 8 com o navegador Chrome, não há necessidade de procurar ou testar mais nada com relação ao Aplicativo 1.

Por que isso é executado?

Por falar nisso, por que qualquer tipo de teste é feito?

  • Para saber o que está errado e ser capaz de consertar.
  • Para aumentar a eficiência e a experiência do usuário e, assim, os negócios.
  • Para ser informado sobre quaisquer possíveis armadilhas

Mas, especificamente, se pensarmos: Qual é a intenção do teste entre navegadores? - Isso é duplo.

  1. A representação ou aparência da página em navegadores diferentes - é a mesma, é diferente, se um é melhor do que o outro, etc.
  2. A funcionalidade e o funcionamento dela. (É claro!)

Quem realiza este teste?

  • Você está pensando: “Há um milhão de navegadores, versões e plataformas por aí - quais escolher?” - Essa, felizmente, não é uma decisão de responsabilidade do testador. O cliente, a equipe de análise de negócios e as equipes de marketing têm um papel importante nesta decisão. Além disso, as empresas coletam estatísticas de uso / tráfego para restringir quais navegadores, ambientes e dispositivos estão em uso.
  • Toda a equipe do projeto deve ter um interesse investido, tempo, dinheiro e infraestrutura para apoiar esse empreendimento.
  • A equipe de QA pode estar envolvida neste processo ou pode ser a equipe de design que deseja saber como o aplicativo funciona em vários navegadores.
  • Quer seja realizado por QA ou qualquer outra equipe, os resultados são interpretados pelas equipes de design e desenvolvimento e as alterações relevantes são feitas.

Como realizar testes entre navegadores?

Agora estamos falando!

As primeiras coisas primeiro - é feito manualmente ou usando uma ferramenta?

Certamente pode ser feito manualmente - várias máquinas, vários sistemas operacionais, vários navegadores, várias máquinas e, obviamente, isso leva a vários problemas, vários investimentos e vários desafios.

Tipos de teste cruzado de navegadores

Método Manual

Nesse caso, uma empresa identifica os navegadores aos quais o aplicativo deve oferecer suporte. Os testadores então executam novamente os mesmos casos de teste usando navegadores diferentes e observam o comportamento do aplicativo e relatam bugs, se houver.

Nesse tipo de teste, não é possível abranger muitos navegadores e também o aplicativo pode não ser testado nas principais versões de navegadores.

Além disso, a verificação manual entre navegadores é cara e demorada.

Método Automatizado

O teste entre navegadores é basicamente executar o mesmo conjunto de casos de teste várias vezes em navegadores diferentes.

como abrir um arquivo xml no cromo

Este tipo de tarefa repetida é mais adequado para automação. Assim, é mais econômico e eficaz realizar esse teste usando ferramentas.

Portanto, muitas ferramentas estão disponíveis no mercado para tornar isso mais fácil.

As ferramentas nos ajudam com um ou mais ou todos os itens a seguir, dependendo da própria ferramenta e dos tipos de licenciamento:

  1. Eles fornecem uma VPN (máquina virtual privada) com a qual você pode se conectar a máquinas remotas e verificar o funcionamento e a renderização de suas páginas JAVA, AJAX, HTML, Flash e outras páginas. A maioria deles é segura, mas como você está enviando suas informações a terceiros, recomenda-se uma certa análise discricionária.
  2. Capturas de tela são fornecidas para as páginas e links enviados sobre como eles aparecem em vários navegadores. Isso é, obviamente, estático.
  3. Vários navegadores são sincronizados em relação às operações realizadas em um e os resultados são apresentados no navegador.
  4. Mostra a representação de uma página em várias resoluções de tela
  5. Quando um problema é encontrado, um vídeo ou capturas de tela são gravados para transportar o problema para análise posterior.
  6. O suporte geralmente está disponível para aplicativos da web e móveis
  7. As páginas privadas que requerem autenticação para serem acessadas também podem ser testadas
  8. Local, dentro de uma rede privada / páginas de firewall, também pode ser testado

Ferramentas Recomendadas

# 1) LambdaTest

Logotipo da LambdaTest

LambdaTest é uma plataforma de teste de navegador cruzado baseada em nuvem que utiliza o qual o usuário pode realizar testes de compatibilidade automatizados e manuais de seu site ou aplicativo da web em uma combinação de mais de 2.000 navegadores e sistemas operacionais diferentes.

Os usuários podem executar testes de automação Selenium em uma grade Selenium baseada em nuvem escalonável, segura e confiável e realizar testes interativos ao vivo em vários navegadores de seus sites públicos ou hospedados localmente e aplicativos da web na nuvem.

=> Visite o site do LambdaTest

# 2) CrossBrowserTesting

CrossBrowserTesting

CrossBrowserTesting é fornecido pela empresa chamada SmartBear. CrossBrowserTesting permite que você torne cada experiência na web perfeita, em qualquer navegador ou dispositivo móvel com seu laboratório de dispositivo real baseado em nuvem. Abandone suas VMs e o laboratório de dispositivos. Execute facilmente testes manuais, visuais e Selenium na nuvem em mais de 2050 navegadores reais de desktop e móveis.

Quer acelerar seus testes como um usuário não técnico? Confira o recurso Record & Replay, que permite gravar um teste ao vivo e executar o teste gravado em paralelo.

=> Visite o site do CrossBrowserTesting

# 3) Selênio

Logo Selenium

Selenium é bem conhecido por testes automatizados de aplicativos baseados na web. Apenas alterando o navegador a ser usado para executar os casos de teste, o selenium torna muito fácil executar os mesmos casos de teste várias vezes em diferentes navegadores.

# 4) BrowserStack

BrowserStack_Logo

BrowserStack é uma plataforma de teste móvel e da web baseada em nuvem que permite testar aplicativos em navegadores sob demanda, sistemas operacionais e dispositivos móveis reais.

# 5) Browserling

É um serviço interativo ao vivo que fornece testes sem esforço para desenvolvedores e designers da web.

Existem diferentes navegadores e sistemas operacionais e Browserling fornece acesso rápido a todos os navegadores mais populares nos sistemas operacionais mais populares.

=> Leitura Adicional: Lista completa de ferramentas de teste entre navegadores

Quando iniciar este teste?

O tempo para iniciar o teste Cross-Browser depende completamente da sua metodologia de teste e do seu cronograma de teste.

Este teste pode ser realizado:

# 1) O mais rápido possível:

Comece este teste mesmo quando uma única página estiver pronta para teste.

Teste essa página em cada navegador. Quando a próxima página estiver disponível, teste-a também em vários navegadores. Isso aumentará os esforços, mas ajudará a corrigir os erros o mais cedo possível no ciclo de vida. Portanto, corrigir erros, neste caso, é muito mais econômico.

# 2) Quando a inscrição for concluída:

ferramentas de teste de automação para aplicativos móveis

Comece este teste quando o desenvolvimento do aplicativo for concluído.

Isso testará o aplicativo como um todo em navegadores diferentes. Corrigir os erros não será tão econômico quanto no caso acima, mas ainda ajudará a corrigir os erros antes de lançar o aplicativo para os usuários.

# 3) Quando o aplicativo for lançado:

Este é o momento menos favorável para realizar um teste entre navegadores para seu aplicativo. Mas é melhor fazer do que não fazer e permitir que os usuários finais tenham uma experiência ruim.

Depois que o aplicativo é lançado para os usuários finais, esse teste pode ser executado e bugs podem ser corrigidos como parte das solicitações de mudança no aplicativo. Isso é muito caro e requer várias implantações, dependendo das correções de bugs.

O teste cross-browser rigoroso só pode ser feito quando os membros da equipe de teste que têm conhecimento das ferramentas fazem esse teste. Alto nível ou verificação de alguns navegadores específicos também podem ser feitos por usuários de negócios ou mesmo desenvolvedores.

Este teste envolve testar o aplicativo completamente usando diferentes navegadores. O teste inclui testes funcionais e não funcionais do aplicativo.

Na maioria das empresas, uma equipe de produto possui equipes separadas para testes funcionais e não funcionais. Portanto, esse teste precisa ser realizado pela (s) equipe (s) que é (são) responsáveis ​​pelos testes funcionais e não funcionais do aplicativo.

Para este teste, um testador precisa dos navegadores nos quais o aplicativo precisa ser testado.

Esses navegadores podem ser fornecidos ao testador como:

  • Instalado localmente na máquina do testador.
  • Uma máquina virtual ou máquinas diferentes às quais um testador tem acesso.
  • Ferramentas que fornecem seus próprios navegadores e suas versões para teste.
  • Na nuvem - para que vários testadores possam usar os navegadores como e quando necessário.

Este teste é independente dos ambientes de implantação. Assim, pode ser feito em ambiente de desenvolvimento, teste, QA ou até mesmo produção dependendo da disponibilidade do aplicativo em cada um desses ambientes.

O que testar?

  1. Funcionalidade de base: Links, diálogos, menus etc.
  2. Interface gráfica do usuário: Veja e sinta o aplicativo.
  3. Resposta: O quão bem o aplicativo responde às ações do usuário.
  4. Desempenho: O carregamento das páginas dentro do prazo permitido.

Se seu aplicativo funciona bem em um navegador, isso não significa que funcionará bem em outros navegadores. Portanto, esse teste ajuda a garantir que um aplicativo seja executado em navegadores diferentes sem erros.

Para identificar o que quebra em qual navegador e para corrigir o site de acordo, precisamos realizar este teste. Se um navegador não for compatível, os usuários podem ser facilmente informados sobre ele.

Para resumir 'como' fazer o teste de navegador cruzado

# 1. As estatísticas de tráfego ajudam a determinar quais navegadores testar.

#dois. Uma análise detalhada deve ser feita no próprio AUT (aplicativo em teste) para determinar quais partes do aplicativo ou se todo ele deve passar por isso. É aconselhável que tudo isso seja testado em vários navegadores, mas, novamente, os custos e o tempo devem ser considerados. Uma boa estratégia é realizar 100% de teste em um navegador por plataforma e para o outro apenas testar a funcionalidade mais crítica / amplamente utilizada.

# 3. Uma vez que a decisão de “O que” testar e “Onde (navegadores)” é tomada - decisões de infraestrutura devem ser feitas - adquirimos ferramentas ou executamos isso manualmente, etc. Novamente, o custo deve ser considerado. Viabilidade, riscos, questões de segurança, pessoas a serem envolvidas, tempo, critérios de aceitação, cronogramas / processos de correção de problemas / defeitos - são algumas coisas que precisam ser abordadas.

# 4. Faça o teste. Os casos de teste funcionais regulares podem ser usados ​​ao validar a eficiência do sistema. Para casos de teste de aparência / execução não são necessários.

A operação de que falei no início deste artigo que falhou para mim foi uma transferência bancária online. Entrei na minha conta bancária, escolhi a quantia para transferência como cerca de um lakh e tentei realizar a transferência e um erro de servlet estava aparecendo, não importa quantas vezes eu tentasse.

Portanto, se a operação de transferência for escolhida para o teste de compatibilidade do navegador, é assim que o script de teste será.

  1. Faça login na conta bancária online
  2. Selecione a conta da qual a transferência deve ser feita
  3. Insira o valor da transferência: 100.000
  4. Selecione o beneficiário e clique em “Transferir”
  5. Resultado esperado: a transferência deve ser bem-sucedida
  6. Isso simplesmente será executado em todos os navegadores escolhidos.

Novamente, observe que isso não parece diferente para um caso de teste funcional. Consulte este artigo de teste não funcional para obter mais informações sobre isso.

# 5. Relate os resultados de volta para a equipe de design, se ela não estiver envolvida no processo de teste. A mudança segue.

Qual é a melhor hora para fazer isso?

Qualquer teste colhe os melhores benefícios quando é feito no início. Portanto, a recomendação da indústria é começar assim que os designs de página estiverem disponíveis.

Mas também pode ser executado quando o site estiver totalmente integrado e funcional.

Se você perdeu o barramento ao executar o teste entre navegadores durante as fases de design, desenvolvimento e QA, isso ainda pode ser feito enquanto o aplicativo está em produção. No entanto, este é o mais caro e arriscado também.

Onde o teste de compatibilidade do navegador é realizado?

Normalmente, a resposta a esta pergunta seria uma das Ambientes de desenvolvimento / controle de qualidade / produção . Mas, para verificação em vários navegadores, isso não é definitivo e irrelevante (se assim posso dizer). Isso pode ser feito em qualquer um deles ou em todos eles.

Conclusão

Alguns pontos a serem observados,

  • Tendo sido professor de controle de qualidade por um tempo agora, posso dizer o que vem a seguir e essa é - a questão, são testes funcionais e não funcionais? Acho que não é nenhum dos dois.
  • Também não deve ser confundido com Multiplataforma testing, que testa seu aplicativo em vários ambientes de destino, como Windows, Linux, Mac etc. Embora às vezes os dois tenham que se integrar, pois algumas das versões mais antigas do navegador podem ser compatíveis apenas com as versões mais antigas das plataformas.
  • É também um processo contínuo, pois os ambientes de software, navegadores e dispositivos estão evoluindo a cada dia e, para garantir que não haja surpresas desagradáveis, este teste de navegador deve ser adicionado ao repertório de suítes de regressão.

Como você sabe, todo e qualquer tipo de teste ajuda a melhorar a qualidade do aplicativo, assim como o teste entre navegadores também.

O teste entre navegadores ajuda a criar uma boa impressão nos usuários, proporcionando-lhes uma experiência consistente em todo o aplicativo, independentemente do navegador ou sistema operacional.

A correção de bugs é econômica durante os estágios iniciais do ciclo de vida de desenvolvimento, e o mesmo se aplica aos defeitos encontrados como parte deste teste.

Este teste ajuda a melhorar o seu negócio, o que resulta em Clientes Felizes, Feliz Você !!

Este é mais um testemunho do conceito de que o campo de controle de qualidade ou o teste de software é um campo multidimensional e há algo para todos se destacarem.

Por favor, poste seus comentários e perguntas abaixo. Estamos sempre animados em ouvir você!

Leitura recomendada

^