Testando Componentes 3D
-
Upload
henrique-luz -
Category
Software
-
view
217 -
download
0
Transcript of Testando Componentes 3D
![Page 1: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/1.jpg)
Testando Componentes 3D
Henrique Luz
![Page 2: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/2.jpg)
Agenda Testes: Abordagem tradicional
Como testar componentes 3D?
Overview Jasmine
Demo
Conclusões
Perguntas
![Page 3: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/3.jpg)
o que temos hoje
testes unitários + integração:
testes de aceitação/funcionais:
- serverside: JUnit, DBUnit, etc.
- Selenium + Cucumber/JBehave
![Page 4: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/4.jpg)
componentes 3D
onde encaixar?
unitários? aceitação?
![Page 5: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/5.jpg)
canvas inacessível
![Page 6: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/6.jpg)
ThreeJS é JavaScript!
![Page 7: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/7.jpg)
alternativa
teste seus componentes JS
![Page 8: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/8.jpg)
<3
![Page 9: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/9.jpg)
syntax clean independente de outros FW não necessita do DOM
Jasmine
![Page 10: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/10.jpg)
specsdefinem os testes
describe
it
descrição de cenários
contém um ou mais expectations
![Page 11: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/11.jpg)
matchers toBe not toEqual toMatch toBeDefined/toBeUndefined toBeNull
toBeTrutht/toBeFalsy toContain toBeLessThan toBeGreaterThan toBeClose toThrow
avaliam o comportamento da feature por cenário
![Page 12: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/12.jpg)
são customizáveis
matchers
![Page 13: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/13.jpg)
setup / teardown beforeEach/afterEach beforeAll/afterAll
evitam duplicação
DRY
![Page 14: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/14.jpg)
spies
#parecemasnaoe
![Page 15: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/15.jpg)
spiesspyOn
toHaveBeenCalled
toHaveBeenCalledWith
![Page 16: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/16.jpg)
and
callThrough
returnValue
callFake
throwError
spies
![Page 17: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/17.jpg)
spiescalls
any count mostRecent first
![Page 18: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/18.jpg)
contexto 3d
#comofas?
![Page 19: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/19.jpg)
demo
![Page 20: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/20.jpg)
cobertura Karma – http://karma-runner.github.io/ Istanbul –
http://gotwarlost.github.io/istanbul Blanket.JS – http://blanketjs.org
![Page 21: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/21.jpg)
resumo crie testes mock as dependências refatore cubra seu código! melhor design
![Page 22: Testando Componentes 3D](https://reader036.fdocuments.es/reader036/viewer/2022070523/58edaf181a28ab665f8b4615/html5/thumbnails/22.jpg)
perguntas?