Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Testing Salesforce Apps with Siesta
Search
Mats Bryntse
January 15, 2015
Technology
0
140
Testing Salesforce Apps with Siesta
From the Financial Force DevTalk January 2015 in San Francisco
Mats Bryntse
January 15, 2015
Tweet
Share
More Decks by Mats Bryntse
See All by Mats Bryntse
Expect the unexpected - How to deal with JavaScript errors in web applications
mats
1
85
Creating Reusable UI Components with Ext JS
mats
2
1k
Dealing with javascript errors in SPAs
mats
0
140
Record.Replay.Reproduce
mats
0
170
Expect the unexpected
mats
0
440
Record.Replay.Reproduce - Dealing with JS errors in modern web apps
mats
0
490
Unit and UI Testing Your Ext JS Web Applications with Siesta
mats
0
220
Siesta Deep Dive
mats
0
340
JavaScript Testing and Continuous Integration
mats
1
170
Other Decks in Technology
See All in Technology
Evolución del razonamiento matemático de GPT-4.1 a GPT-5 - Data Aventura Summit 2025 & VSCode DevDays
lauchacarro
0
210
人工衛星のファームウェアをRustで書く理由
koba789
15
8.2k
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの?
smt7174
4
190
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
10
75k
「どこから読む?」コードとカルチャーに最速で馴染むための実践ガイド
zozotech
PRO
0
540
DroidKaigi 2025 Androidエンジニアとしてのキャリア
mhidaka
2
370
react-callを使ってダイヤログをいろんなとこで再利用しよう!
shinaps
2
260
TS-S205_昨年対比2倍以上の機能追加を実現するデータ基盤プロジェクトでのAI活用について
kaz3284
1
210
AI時代を生き抜くエンジニアキャリアの築き方 (AI-Native 時代、エンジニアという道は 「最大の挑戦の場」となる) / Building an Engineering Career to Thrive in the Age of AI (In the AI-Native Era, the Path of Engineering Becomes the Ultimate Arena of Challenge)
jeongjaesoon
0
220
💡Ruby 川辺で灯すPicoRubyからの光
bash0c7
0
120
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
sh_fk2
3
260
OCI Oracle Database Services新機能アップデート(2025/06-2025/08)
oracle4engineer
PRO
0
170
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
850
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Thoughts on Productivity
jonyablonski
70
4.8k
Facilitating Awesome Meetings
lara
55
6.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.5k
Balancing Empowerment & Direction
lara
3
620
Transcript
Mats Bryntse, Bryntum Testing Web Apps with Siesta @Bryntum
Intro | DESCRIPTION Who am I? Ext JS since 2007
Bryntum: Gantt charts, JS Testing tools
Intro | DESCRIPTION We created Siesta since developing JS components
is very hard.
Webinar | Content Unit tests UI tests Continuous Integration •
Writing a unit test • Using PhantomJS • Hello world sample • Event recorder intro • Testing an Ext JS cmp • Recording a UI test • TeamCity • Code Coverage • Statistics • Cloud Testing + How Siesta can help you test SalesForce apps
Intro | WHY Hands up: Who is testing their JS?
Intro | WHY Why Testing?
Intro | WHY
Intro | WHY 1. Productivity & confidence in code 2.
Frameworks contain bugs 3. So does your code (and mine) 4. Refactoring & code handover 5. Fix bugs once
Intro | TERMINOLOGY Terminology: what does testing mean for a
JS developer?
Intro | TERMINOLOGY Unit tests, UI tests, Application tests, Monkey
tests..?
Intro | TERMINOLOGY Unit tests App Tests UI tests
Testing With Siesta Introduction
Intro | Testing with Siesta • runs in any browser
• is written in plain JS • is sandboxed by default A Siesta test…
Intro | Testing with Siesta • can do both UI
and unit testing • can be automated using PhantomJS or Selenium WebDriver • can detect leaked global variables A Siesta test…
Intro | Testing with Siesta describe('A simple Model test', function
(t) { t.it('Should do something', function(t) { // Test things t.expect(1).toBe(1); }); });
Unit Tests Red, Green, Refactor
Unit tests | Intro •Unit tests usually only involve “raw”
JS •Run very fast •Perfect for pre-commit hooks •Disable sandboxing if possible
Unit tests | Intro •Should be your #1 priority •Cover
your most important JS classes •Run often, before commit, daily, nightly. •Use TDD approach + BDD style for readability
Unit tests | TDD basics 1. Make the unit test
fail 2. Implement 3. Make the test pass 4. Refactor, Repeat
Unit tests | Writing a unit test Unit testing demo
Testing your UI Functional testing
UI tests | Intro Manually writing UI tests takes time
UI tests | Intro UI tests are more fragile &
run slower than unit tests
UI tests | Intro Understanding CSS and ComponentQuery is key
UI tests | Intro •UI “unit test” of a single
UI component •Or Application test, open index.html and test it Two main types of UI tests
UI tests | Intro UI Unit test demo
UI tests | Intro Siesta Event Recorder
UI tests | Event recorder •Great for application tests •Records
user actions: clicks, types, drag drop •Exports actions to a Siesta test case •Can be used by a non-programmer •Big timesaver
UI tests | Event recorder Let’s try the recorder
UI tests | Intro Application test demo Testing the Siesta
UI with Siesta
UI tests | Monkey tests Monkey testing
UI tests | Monkey tests •Random UI testing •Clicks, drags
etc. in your UI •Finds unhandled exceptions •Free testing help. 0€
UI tests | Monkey tests Cost breakdown: $5 * 0
= 0 $5
Continuous Integration TeamCity, Code Coverage & Statistics
Continuous Integration | Intro •Bryntum uses TeamCity, Siesta integrates with
others (Jenkins…) •Test suites run every 2 hours in Chrome •Full test suites executed nightly •Reports, statistics, charts and code coverage
Continuous Integration | TeamCity Let’s checkout TeamCity
UI tests | Cloud testing So…running in multiple browsers?
Continuous Integration | Cloud testing •Need to create Virtual Machines
for each version of IE •Total: Chrome, Safari, FF, IE 7-11 => 7 VMs •Managing such a farm can be very time consuming
Continuous Integration | Cloud testing •Siesta integrates with both BrowserStack
and Sauce Labs •Run tests easily in any OS and Browser combination •No need to setup your own VM farm •Read more on the Bryntum blog…
Continuous Integration | Cloud testing Testing a SalesForce UI
Rounding up | Links •bryntum.com/products/siesta •bryntum.com/docs/siesta •teamcity.bryntum.com/guest •browserstack.com/ •saucelabs.com/
Rounding up | Questions Questions? Twitter: @Bryntum