SlideShare ist ein Scribd-Unternehmen logo
1 von 44
Downloaden Sie, um offline zu lesen
HTML5
                           WebTestSuite
                           for a higher quality web and visibility




                                   @wolframkriesing




Mittwoch, 19. Oktober 11
Mittwoch, 19. Oktober 11
http://www.flickr.com/photos/andresrueda/2276197032/

Mittwoch, 19. Oktober 11
http://www.flickr.com/photos/cmoi/760513848/
Mittwoch, 19. Oktober 11
http://www.flickr.com/photos/cmoi/760513848/
Mittwoch, 19. Oktober 11
History
                           Where the WebTestSuite started




Mittwoch, 19. Oktober 11
Mittwoch, 19. Oktober 11
This phone had ...



Mittwoch, 19. Oktober 11
http://www.flickr.com/photos/kratz/1984004945/

Mittwoch, 19. Oktober 11
http://www.flickr.com/photos/mbiddulph/3087388964/

Mittwoch, 19. Oktober 11
http://www.flickr.com/photos/redstamp/4222841946/




Mittwoch, 19. Oktober 11
•    Camera

                      •    Compass

                      •    GPS

                      •    Accelerometer

                      •    Calendar

                      •    Email

                      •    Address book

                      •    Watch

                      •    Alarm clock

                      •    ...



Mittwoch, 19. Oktober 11
Mittwoch, 19. Oktober 11
Tests?



Mittwoch, 19. Oktober 11
require manual testing
                                        enhanced doh2
                           http://github.com/wolframkriesing/doh2




                     Lots of APIs
                   automated testing!?
                        not all




Mittwoch, 19. Oktober 11
The Web Is More
                             beyond prorietary Device APIs




Mittwoch, 19. Oktober 11
Device APIs                                                       HTML5
             camera, contacts, ...
                                                                          localStorage, audio,
                                                                      input-type, mediaqueries, ...


                                                CSS
                                           transition, animation,
                                        transform, pseudoClass, ...



             JavaScript                                                          DOM
                                                                      classList, dataset, history, ...
           array, string, object, ...




                                              Events
                                        devicemotion, orientation,
                                             batteryStatus, ...



Mittwoch, 19. Oktober 11
Mittwoch, 19. Oktober 11
Mittwoch, 19. Oktober 11
Firefox




                                     Opera Next




Mittwoch, 19. Oktober 11
Opera   Camino     Opera Next




               Chrome         Firefox4   OmniWeb
Mittwoch, 19. Oktober 11
Scaling




Mittwoch, 19. Oktober 11
Scaling




Mittwoch, 19. Oktober 11
Crowd




Mittwoch, 19. Oktober 11
Vodafone


                                      w00t




Mittwoch, 19. Oktober 11
XHR 
                                   webtestsuite.org
                                         (nodejs)




                                       MySQL




                                   webtestsuite.org

Mittwoch, 19. Oktober 11
http://bit.ly/wts-stats

Mittwoch, 19. Oktober 11
Mittwoch, 19. Oktober 11
Mittwoch, 19. Oktober 11
Input - yes, please!!!!!!!!!




Mittwoch, 19. Oktober 11
Driven by

                           specifications

                            By Reality

Mittwoch, 19. Oktober 11
http://bit.ly/run-webtestsuite




Mittwoch, 19. Oktober 11
Mittwoch, 19. Oktober 11
It‘s not a feature
                           testing framework!


Mittwoch, 19. Oktober 11
Testing deep




Mittwoch, 19. Oktober 11
Full Circle
                                 spec?
      your app

                                              useable?
                           copy+paste



                                             reach?
          proven code!
Mittwoch, 19. Oktober 11
In Progress...



Mittwoch, 19. Oktober 11
Feature X
                100



                  75



                  50



                  25



                    0
                           iOS   Android   Nokia   BlackBerry HP WebOS   WP7


Mittwoch, 19. Oktober 11
Feature X
                100



                  75



                  50



                  25



                    0
                           iOS   Android   Nokia   BlackBerry HP WebOS   WP7


Mittwoch, 19. Oktober 11
Feature X
                100



                  75



                  50



                  25



                    0
                           iOS   Android   Nokia   BlackBerry HP WebOS   WP7


Mittwoch, 19. Oktober 11
Could Use Design




Mittwoch, 19. Oktober 11
Needed
                     • write tests, tests, tests,
                     • run tests
                     • host tests
                     • design
                     • charts
                     • ...
Mittwoch, 19. Oktober 11
Alternatives?

                     • browserscope.com
                           app engine hosted


                     • caniuse.com
                           high level overview


                     • W3C HTML5 Testing Group
                           tested by vendors, spec driven, picking up!!!


                     • has.js
                           top level view




Mittwoch, 19. Oktober 11
Thank you



                             Wolfram Kriesing
                             @wolframkriesing



             http://bit.ly/run-webtestsuite
Mittwoch, 19. Oktober 11

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (17)

Выплаты Яндекс.Деньгам
Выплаты Яндекс.ДеньгамВыплаты Яндекс.Деньгам
Выплаты Яндекс.Деньгам
 
Krisna vb6-02
Krisna vb6-02Krisna vb6-02
Krisna vb6-02
 
андреева кристина
андреева кристинаандреева кристина
андреева кристина
 
Rockeros chochenteros
Rockeros chochenterosRockeros chochenteros
Rockeros chochenteros
 
Арина_Клевета
Арина_КлеветаАрина_Клевета
Арина_Клевета
 
ερωτόκριτος αποσπάσματα
ερωτόκριτος  αποσπάσματα ερωτόκριτος  αποσπάσματα
ερωτόκριτος αποσπάσματα
 
Eu trivia
Eu triviaEu trivia
Eu trivia
 
Slideshare
SlideshareSlideshare
Slideshare
 
Projektowanie grafiki dla publicznych stron internetowych
Projektowanie grafiki dla publicznych stron internetowychProjektowanie grafiki dla publicznych stron internetowych
Projektowanie grafiki dla publicznych stron internetowych
 
Portofolio media indoor outdoor pt. rei waladi ke-2
Portofolio media indoor   outdoor pt. rei waladi ke-2Portofolio media indoor   outdoor pt. rei waladi ke-2
Portofolio media indoor outdoor pt. rei waladi ke-2
 
CпонсориTEDx
CпонсориTEDxCпонсориTEDx
CпонсориTEDx
 
MI COMUNIDAD
MI COMUNIDADMI COMUNIDAD
MI COMUNIDAD
 
Irudiak.endika
Irudiak.endikaIrudiak.endika
Irudiak.endika
 
Tirant lo blanc
Tirant lo blancTirant lo blanc
Tirant lo blanc
 
Григорьева Лиза.Взрыв в Броннице.
Григорьева  Лиза.Взрыв  в  Броннице.Григорьева  Лиза.Взрыв  в  Броннице.
Григорьева Лиза.Взрыв в Броннице.
 
แสงกระจาย
แสงกระจายแสงกระจาย
แสงกระจาย
 
Pr ru
Pr ruPr ru
Pr ru
 

Mehr von wolframkriesing

JavaScript The Language Meetup - Async functions
JavaScript The Language Meetup - Async functionsJavaScript The Language Meetup - Async functions
JavaScript The Language Meetup - Async functionswolframkriesing
 
Our react-native experiences at crewmeister
Our react-native experiences at crewmeisterOur react-native experiences at crewmeister
Our react-native experiences at crewmeisterwolframkriesing
 
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjsES6 katas - talk given at enterjs
ES6 katas - talk given at enterjswolframkriesing
 
TDD for Kids - VLCjs (Valencia Spain, July 2015)
TDD for Kids - VLCjs (Valencia Spain, July 2015)TDD for Kids - VLCjs (Valencia Spain, July 2015)
TDD for Kids - VLCjs (Valencia Spain, July 2015)wolframkriesing
 
ES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behindES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behindwolframkriesing
 
TDD with Google Spreadsheets #enterjs 2015
TDD with Google Spreadsheets #enterjs 2015TDD with Google Spreadsheets #enterjs 2015
TDD with Google Spreadsheets #enterjs 2015wolframkriesing
 
TDD with Google Spreadsheets
TDD with Google SpreadsheetsTDD with Google Spreadsheets
TDD with Google Spreadsheetswolframkriesing
 
Refactoring out of the mess
Refactoring out of the messRefactoring out of the mess
Refactoring out of the messwolframkriesing
 
Day2 - Refactoring (Lecture SS 2015)
Day2 - Refactoring (Lecture SS 2015)Day2 - Refactoring (Lecture SS 2015)
Day2 - Refactoring (Lecture SS 2015)wolframkriesing
 
Day1 - TDD (Lecture SS 2015)
Day1 - TDD (Lecture SS 2015)Day1 - TDD (Lecture SS 2015)
Day1 - TDD (Lecture SS 2015)wolframkriesing
 
react.js - DOM as it was meant
react.js - DOM as it was meantreact.js - DOM as it was meant
react.js - DOM as it was meantwolframkriesing
 
Pixelplant - WebDev Meetup Salzburg
Pixelplant - WebDev Meetup SalzburgPixelplant - WebDev Meetup Salzburg
Pixelplant - WebDev Meetup Salzburgwolframkriesing
 
Presentation Mobile Monday Munich, March 2012
Presentation Mobile Monday Munich, March 2012Presentation Mobile Monday Munich, March 2012
Presentation Mobile Monday Munich, March 2012wolframkriesing
 
JavaScript Tools (PHPConference 2011, Berlin)
JavaScript Tools (PHPConference 2011, Berlin)JavaScript Tools (PHPConference 2011, Berlin)
JavaScript Tools (PHPConference 2011, Berlin)wolframkriesing
 

Mehr von wolframkriesing (20)

JavaScript The Language Meetup - Async functions
JavaScript The Language Meetup - Async functionsJavaScript The Language Meetup - Async functions
JavaScript The Language Meetup - Async functions
 
Our react-native experiences at crewmeister
Our react-native experiences at crewmeisterOur react-native experiences at crewmeister
Our react-native experiences at crewmeister
 
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjsES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
 
TDD for Kids - VLCjs (Valencia Spain, July 2015)
TDD for Kids - VLCjs (Valencia Spain, July 2015)TDD for Kids - VLCjs (Valencia Spain, July 2015)
TDD for Kids - VLCjs (Valencia Spain, July 2015)
 
ES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behindES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behind
 
TDD with Google Spreadsheets #enterjs 2015
TDD with Google Spreadsheets #enterjs 2015TDD with Google Spreadsheets #enterjs 2015
TDD with Google Spreadsheets #enterjs 2015
 
Baby steps
Baby stepsBaby steps
Baby steps
 
TDD with Google Spreadsheets
TDD with Google SpreadsheetsTDD with Google Spreadsheets
TDD with Google Spreadsheets
 
ECMAScript 6 for real
ECMAScript 6 for realECMAScript 6 for real
ECMAScript 6 for real
 
Refactoring out of the mess
Refactoring out of the messRefactoring out of the mess
Refactoring out of the mess
 
Day2 - Refactoring (Lecture SS 2015)
Day2 - Refactoring (Lecture SS 2015)Day2 - Refactoring (Lecture SS 2015)
Day2 - Refactoring (Lecture SS 2015)
 
Day1 - TDD (Lecture SS 2015)
Day1 - TDD (Lecture SS 2015)Day1 - TDD (Lecture SS 2015)
Day1 - TDD (Lecture SS 2015)
 
react.js - DOM as it was meant
react.js - DOM as it was meantreact.js - DOM as it was meant
react.js - DOM as it was meant
 
Pixelplant - WebDev Meetup Salzburg
Pixelplant - WebDev Meetup SalzburgPixelplant - WebDev Meetup Salzburg
Pixelplant - WebDev Meetup Salzburg
 
Better Code through TDD
Better Code through TDDBetter Code through TDD
Better Code through TDD
 
April JavaScript Tools
April JavaScript ToolsApril JavaScript Tools
April JavaScript Tools
 
Presentation Mobile Monday Munich, March 2012
Presentation Mobile Monday Munich, March 2012Presentation Mobile Monday Munich, March 2012
Presentation Mobile Monday Munich, March 2012
 
EmbedJS
EmbedJSEmbedJS
EmbedJS
 
JavaScript Tools (PHPConference 2011, Berlin)
JavaScript Tools (PHPConference 2011, Berlin)JavaScript Tools (PHPConference 2011, Berlin)
JavaScript Tools (PHPConference 2011, Berlin)
 
WAC
WACWAC
WAC
 

Webtestsuite black berrydevcon