MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Parte 1: Iniciando com o Marionette e Firefox OS

Esse serie de tutoriais tem como objetivo ensiná-lo a escrever e executar testes automatizados de IU (Interface de Usuário) para o Firefox OS usando o Marionette, um pacote de automação de testes que é executado no seu computador. Marionette envia comandos para executar testes em plataformas baseadas no Gecko. Esse artigo em particular apresentará as configurações necessárias antes de iniciar a execução dos testes.

A série de tutoriais navegará pelos conceitos de automação de testes e também fará uma introdução de como trabalhar com o Firefox OS (incliundo a ferramenta de testes B2G Desktop) e o Marionette. Ocasionalmente nós incluiremos alguns desafios para o encorajar a encontrar suas próprias soluções.

Nota: O tutorial não é específico para produtos Mozilla, se você estiver desenvolvendo um aplicativo HTML5, por exemplo, você pode usar esse tutorial para construir um framework de testes.

Softwares necessários para esse tutorial

Durante esse tutorial nós instalaremos os seguintes softwares:

  • Python 2.7
  • pip installer
  • Um editor de texto ou IDE para escrever código
  • O cliente Boot2Gecko desktop (Firefox OS)
  • O cliente Marionette (WebDriver client para Firefox OS)

Python e pip

Alguns sistemas operacionais como Linux já vêm com o Python pré-instalado. Antes de instalar o Python, verifique se já não está instalado. A partir de uma linha de comando execute:

python --version

Qualquer versão do Python 2.6.x or 2.7.x é adequada para esse tutorial. Se você não tem o Python 2.7 instalado você pode encontrar o instalador nesse site.

Pip é usado para instalar ferramentas do Python e vamos precisar dele para instalar o Marionette. Você pode verificar se o pip está instalado digitando pip no seu terminal ou linha de comando. Para instalar o pip, siga as instruções da documentação pip.
 

B2G Desktop

O cliente B2G Desktop possibilita você executar o Gaia — a Interface do Usuário do Firefox OS — e os aplicativos do Firefox OS num desktop ou notebook. Existem algumas certas limitações da ferramenta — ela não emula o hardware do dispositivo como câmera, bateria, etc. — mas será perfeita para nosso propósito nesse tutorial.

Baixe a última versão do B2G Desktop no site Firefox Nightly (veja Desktop Boot2Gecko, na parte de baixo). Uma vez baixado, extraia os conteúdos em um diretório do seu computador. Para iniciar o simulador do Firefox OS, execute o script b2g de acordo com o seu Sistema Operacional:

  • Linux: Navegue no diretório no qual você extraiu o conteúdo e execute ./b2g
  • Mac: Arraste B2G.app para a pasta Application e execute-o a partir dali.
  • Windows: Execute b2g.exe a partir do diretório de extração.

Ao iniciar a aplicação você verá uma tela semelhante a essa:

A welcome screen for Firefox OS - says welcome in multiple languages

Seguindo os passos da rotina de primeiro uso, você chegará à tela inicial do Firefox OS. Observe que você pode emular os botões externos do telefone, o que pode ser bastante útil.

 

Teclado Windows/Linux

Teclado Mac OS

Botão Home

Home

Fn+seta esquerda

Botão Power

End

Fn+seta direita

Volume up/down

Page up/page down

Fn+ setas cima/baixo

Nesse ponto você pode deixar o B2G Desktop aberto e mover a janela para o lado. A seguir finalizaremos o trabalho instalando o Marionette.

Marionette

Marionette possui duas partes: o cliente — que é executado no seu notebook — e o servidor — que é executado no Firefox OS. O Servidor Marionette, da mesma forma que o manipulador de uma marionete, pode controlar o Firefox OS diretamente.

marionette architecture showing marionette server inside Firefox OS and marionette client on its own outside

Ao usar o Desktop B2G, o servidor Marionette já está pré-instalado (isso também é verdade quando usamos a compilação configurada pela engenharia em um dispositivo real do Firefox OS). Antes de controlarmos o Firefox OS, precisamos instalar o cliente Marionette no nosso computador local. Isso é feito executando o seguinte comando no seu terminal:

pip install marionette_client

Isso é só por enquanto. Já temos o ambiente configurado e prontos para começar!

 

Etiquetas do documento e colaboradores

 Colaboradores desta página: chrisdavidmills, jwhitlock, rbrandao
 Última atualização por: chrisdavidmills,