Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Writing Tools using WebKit ARIYA HIDAYAT ENGINEERING DIRECTOR, SENCHA
whoami
Let’s Start the PARTY
Let’s Start the PARTY
Unintentional Regression This is awesome!
forget to run the tests REGRESSION Unintentional Regression This is awesome!
forget to run the tests REGRESSION Unintentional Regression This is awesome!
Pre-commit hook to command line test runner
Using WebView QWebView webView; webView.show(); webView.setUrl(QUrl("http://www.sencha.com"));
Capture to Image QWebPage page; QImage image(size, QImage::Format_ARGB32_Premultiplied); image.fill(Qt::transparent); QPai...
Test Runner specrunner SpecRunner.html 5 specs, 0 failures in 0.013s specrunner SpecRunner.html FAIL: 5 specs, 1 failure i...
Network Log 28: GET http://www.google.com/m/gp 292: Response 200 application/xhtml+xml; charset=UTF-8 0 bytes http://www.g...
Recorder & Replayer
Remote Console for http://github.com/senchalabs/android-tools
Remote Console for http://github.com/senchalabs/android-tools
THANK YOU!
QUESTIONS? ariya @ sencha.com ariyahidayat ariya.blogspot.com
ADDENDUM
Around the Project
0 10000 20000 30000 40000 50000 60000 70000 80000 0 1 2 3 4 5 6 7 8 9 10 Revisions Years History
0 10000 20000 30000 40000 50000 60000 70000 80000 0 1 2 3 4 5 6 7 8 9 10 Revisions Years History ~2000 commits/month
Level of Involvement Contributor Committer ≈ 130 Reviewer ≈ 80 accept or reject patches checks in reviewed patches after 1...
WebKit Reviewers Apple 38 Google 19 Nokia 7 RIM 6 Misc 12
WebKit Reviewers Apple 38 Google 19 Nokia 7 RIM 6 Misc 12 1
Components of WebKit WebKit Library JavaScriptCore WebCore HTML rendering SVG DOM CSS
Platform Abstractions Network Unicode Clipboard Graphics Theme Events Thread Geolocation Timer
Different “Ports” WebCore graphics Mac Chromium Qt Gtk CoreGraphics Skia QPainter Cairo graphics stack GraphicsContext
Web Browsers Safari WebCore + JavaScriptCore Eclair WebCore + V8 Chrome Froyo
WebKit Everywhere Browser Devices Runtime
How Fresh? Fall 2010Spring 2010 Chrome 7 534.7 Safari 5 533.18 Android 2.2 533.1 Safari 4 528.16 AIR 2.5 531.9 mid 2009
Extensive Tests the rest 229 MB tests 904 MB≈ 20,000 tests
Workflow 1 Every commit needs to be reviewed 2 Broken commit must be reverted
Workflow 1 Every commit needs to be reviewed 2 Broken commit must be reverted quality control zero-regression policy
Get + Build + Launch
Requirements • Subversion or Git • C++ compiler • Perl • Python • Various SDK
Using Subversion svn checkout http://svn.webkit.org/repository/ webkit/trunk webkit cd webkit ≈ 880 MB .svn
Using git git clone git://git.webkit.org/WebKit.git cd WebKit ≈ 1.2 GB .git
Build WebKitTools/Scripts/build-webkit --qt for Qt, --gtk for Gtk+ --debug for “Debug” mode
Launch WebKitTools/Scripts/run-launcher --qt for Qt, --gtk for Gtk+ --debug for “Debug” mode
Upcoming SlideShare
Loading in …5
×

Writing Tools using WebKit

2,684 views

Published on

Slides from the Pivotal Labs Tech Talk

Published in: Technology
no profile picture user

  • Be the first to comment

  • Be the first to like this

Writing Tools using WebKit

  1. 1. Writing Tools using WebKit ARIYA HIDAYAT ENGINEERING DIRECTOR, SENCHA
  2. 2. whoami
  3. 3. Let’s Start the PARTY
  4. 4. Let’s Start the PARTY
  5. 5. Unintentional Regression This is awesome!
  6. 6. forget to run the tests REGRESSION Unintentional Regression This is awesome!
  7. 7. forget to run the tests REGRESSION Unintentional Regression This is awesome!
  8. 8. Pre-commit hook to command line test runner
  9. 9. Using WebView QWebView webView; webView.show(); webView.setUrl(QUrl("http://www.sencha.com"));
  10. 10. Capture to Image QWebPage page; QImage image(size, QImage::Format_ARGB32_Premultiplied); image.fill(Qt::transparent); QPainter p(&image); page.mainFrame()->render(&p); p.end(); image.save(fileName);
  11. 11. Test Runner specrunner SpecRunner.html 5 specs, 0 failures in 0.013s specrunner SpecRunner.html FAIL: 5 specs, 1 failure in 0.014s
  12. 12. Network Log 28: GET http://www.google.com/m/gp 292: Response 200 application/xhtml+xml; charset=UTF-8 0 bytes http://www.google.com/m/gp 311: GET data:image/gif;base64,R0lGODlhiA... 312: GET data:image/gif;base64,R0lGODlhJA... 312: GET data:image/gif;base64,R0lGODlhGA... 312: Response 0 image/gif 3611 bytes data:image/gif;base64,R0lGODlhiA... 312: Finish fail data:image/gif;base64,R0lGODlhiA... 312: Response 0 image/gif 284 bytes data:image/gif;base64,R0lGODlhJA... 312: Finish fail data:image/gif;base64,R0lGODlhJA... 312: Response 0 image/gif 178 bytes data:image/gif;base64,R0lGODlhGA... 312: Finish fail data:image/gif;base64,R0lGODlhGA... 317: Response 200 application/xhtml+xml; charset=UTF-8 0 bytes http://www.google.com/m/gp 324: Finish fail http://www.google.com/m/gp 328: GET http://www.google.com/m/gn/user?... 329: Finish success http://www.google.com/m/gn/user?...
  13. 13. Recorder & Replayer
  14. 14. Remote Console for http://github.com/senchalabs/android-tools
  15. 15. Remote Console for http://github.com/senchalabs/android-tools
  16. 16. THANK YOU!
  17. 17. QUESTIONS? ariya @ sencha.com ariyahidayat ariya.blogspot.com
  18. 18. ADDENDUM
  19. 19. Around the Project
  20. 20. 0 10000 20000 30000 40000 50000 60000 70000 80000 0 1 2 3 4 5 6 7 8 9 10 Revisions Years History
  21. 21. 0 10000 20000 30000 40000 50000 60000 70000 80000 0 1 2 3 4 5 6 7 8 9 10 Revisions Years History ~2000 commits/month
  22. 22. Level of Involvement Contributor Committer ≈ 130 Reviewer ≈ 80 accept or reject patches checks in reviewed patches after 10-20 patches after 80 patches
  23. 23. WebKit Reviewers Apple 38 Google 19 Nokia 7 RIM 6 Misc 12
  24. 24. WebKit Reviewers Apple 38 Google 19 Nokia 7 RIM 6 Misc 12 1
  25. 25. Components of WebKit WebKit Library JavaScriptCore WebCore HTML rendering SVG DOM CSS
  26. 26. Platform Abstractions Network Unicode Clipboard Graphics Theme Events Thread Geolocation Timer
  27. 27. Different “Ports” WebCore graphics Mac Chromium Qt Gtk CoreGraphics Skia QPainter Cairo graphics stack GraphicsContext
  28. 28. Web Browsers Safari WebCore + JavaScriptCore Eclair WebCore + V8 Chrome Froyo
  29. 29. WebKit Everywhere Browser Devices Runtime
  30. 30. How Fresh? Fall 2010Spring 2010 Chrome 7 534.7 Safari 5 533.18 Android 2.2 533.1 Safari 4 528.16 AIR 2.5 531.9 mid 2009
  31. 31. Extensive Tests the rest 229 MB tests 904 MB≈ 20,000 tests
  32. 32. Workflow 1 Every commit needs to be reviewed 2 Broken commit must be reverted
  33. 33. Workflow 1 Every commit needs to be reviewed 2 Broken commit must be reverted quality control zero-regression policy
  34. 34. Get + Build + Launch
  35. 35. Requirements • Subversion or Git • C++ compiler • Perl • Python • Various SDK
  36. 36. Using Subversion svn checkout http://svn.webkit.org/repository/ webkit/trunk webkit cd webkit ≈ 880 MB .svn
  37. 37. Using git git clone git://git.webkit.org/WebKit.git cd WebKit ≈ 1.2 GB .git
  38. 38. Build WebKitTools/Scripts/build-webkit --qt for Qt, --gtk for Gtk+ --debug for “Debug” mode
  39. 39. Launch WebKitTools/Scripts/run-launcher --qt for Qt, --gtk for Gtk+ --debug for “Debug” mode

×