SlideShare a Scribd company logo
Cross Browser Testing at
Salesforce Analytics
Srividhya (Srivi) Agandeswaran
sagandeswaran@salesforce.com
Safe harbor statement under the Private Securities Litigation Reform Act of 1995:
This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties
materialize or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or
implied by the forward-looking statements we make. All statements other than statements of historical fact could be deemed forward-looking,
including any projections of product or service availability, subscriber growth, earnings, revenues, or other financial items and any statements
regarding strategies or plans of management for future operations, statements of belief, any statements concerning new, planned, or upgraded
services or technology developments and customer contracts or use of our services.
The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality
for our service, new products and services, our new business model, our past operating losses, possible fluctuations in our operating results
and rate of growth, interruptions or delays in our Web hosting, breach of our security measures, the outcome of any litigation, risks associated
with completed and any possible mergers and acquisitions, the immature market in which we operate, our relatively limited operating history,
our ability to expand, retain, and motivate our employees and manage our growth, new releases of our service and successful customer
deployment, our limited history reselling non-salesforce.com products, and utilization and selling to larger enterprise customers. Further
information on potential factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-K for
the most recent fiscal year and in our quarterly report on Form 10-Q for the most recent fiscal quarter. These documents and others containing
important disclosures are available on the SEC Filings section of the Investor Information section of our Web site.
Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently available
and may not be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features
that are currently available. Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements.
Safe Harbor
Agenda
1. Why Cross Browser Testing?
2. Testing Methodologies
3. Make it Testable
4. Browser Stats and challenges
5. Q&A
Why Cross Browser Testing?
Cross Browser Testing is the process of
reviewing and comparing the website
functionality and styles across multiple
browsers and different operation
systems and mobile
• UI test automation should not be optimized for
single flow of testing
• It should be testing integrated use cases focusing
on exercising features that cross vertical
functionality
• One of main aspects of cross browser testing is to
keep in mind that CSS styles rendered differently
across browsers/ browser versions, in terms of
what is supported and what not.
Testing process
1. For automation, we take the approach of having UI - functional testing and UI -
browser compatibility testing.
2. Write the tests in coffee script, essentially that gets run as a complied JavaScript on the
native browsers and we leverage Sauce lab for UI Automation to test different browsers.
3. We also run our end to end automation by spinning up an Org in Ftest selenium as
continuous Integration.
4. We usually begin by running a thorough test of all styles and functionality in our
preferred browser (Google Chrome) to develop of a base idea of how the site looks and
functions. It also helps to get a list of issues started so they can be referenced when the
same issues are spotted in other browsers
5. For various different browsers , we run them in different Jenkins builds/jobs that have
dedicated resources assigned to them. This way our UI - functional testing running
against Firefox/Google Chrome does not get affected by "slowness" in IE builds/jobs.
6. For manual testing we leverage : https://www.modern.ie/en-us/virtualization-tools
Modularize the code
Style Guides:
- A style guide is not a brand guideline but a living document (preferably hooked up to
site/app code)
- Style guides provide a reference for the whole team; documents intents; documents
variables (minimizes duplicates);
- It facilitates cross-browser testing; facilitate building modular code; increases
productivity and ramp up
- FiftyThree blog post on type style guide: http://blog.typekit.com/2014/10/22/creating-a-
type-style-guide/
- Tools that can help: KSS (GitHub uses this tool) or Hologram
- Style Guide Reference Site http://styleguides.io/
- KSS (http://warpspire.com/kss/)
- Hologram (http://trulia.github.io/hologram/)
CSS Selectors
 Element Locator to locate elements on page
 Cross browser compatible
 Older versions of IE partially supports few CSS attributes
CSS Locator- Examples
DOM Selectors
 DOM - Document Object Model
 DOM is use to traverse through an HTML tree
 DOM gets executed thru’ selenium as – getEval(JavaScript);
DOM Selector- Examples
Browser and Platform Stats
http://www.w3schools.com/browsers/browsers_stats.asp
Cross Browser Testing - Benefits
 Consistent, stable cross-browser/platform
rendering and functionality on all website
pages - higher quality website
 Simplified website maintenance and
updates
 Ease of use/viewing for end-users (your
customers!)
 Increased customer conversion ratio
Q&A
Thank you

More Related Content

What's hot (20)

PPTX
Finding Security Issues Fast!
Salesforce Engineering
 
PPTX
Automating Deployment Between Orgs Using Git & Continuous Integration
Sebastian Wagner
 
PPTX
Agile at Salesforce From theory to practice, how to be agile at scale
Salesforce Engineering
 
PDF
From Sandbox To Production: An Introduction to Salesforce Release Management
Salesforce Developers
 
PPT
The Ideal Salesforce Development Lifecycle
Joshua Hoskins
 
PPTX
Tailoring the DITA Suit to Fit
Salesforce Engineering
 
PPTX
The Cloud: Releasing Software into Controlled Chaos
Salesforce Engineering
 
PPTX
Scaling Continuous Integration for Puppet
Salesforce Engineering
 
PPTX
Operationalizing Big Data as a Service
Salesforce Engineering
 
PPTX
Orchestration, the conductor's score
Salesforce Engineering
 
PPTX
Salesforce1 ELEVATE Workshop - Dublin
Joshua Hoskins
 
PPTX
DevOps in Salesforce AppCloud
rsg00usa
 
PDF
Salesforce API Series: Release Management with the Metadata API webinar
Salesforce Developers
 
PDF
Game changers
Marek Kirejczyk
 
PDF
Webinar: From Sandbox to Production: Demystifying Force.com Release Managemen...
Salesforce Developers
 
PDF
Streamline Selenium Testing with Page Flow Navigation
Salesforce Developers
 
PPTX
Declarative Network Configuration
Salesforce Engineering
 
PPTX
Salesforce's Trusted Enterprise Platform and Apache Phoenix
Salesforce Engineering
 
PPT
Under the Hood of Sandbox Templates
Salesforce Developers
 
PDF
TDX19 - Accelerate DevOps with GitLab and Salesforce
Doug Ayers
 
Finding Security Issues Fast!
Salesforce Engineering
 
Automating Deployment Between Orgs Using Git & Continuous Integration
Sebastian Wagner
 
Agile at Salesforce From theory to practice, how to be agile at scale
Salesforce Engineering
 
From Sandbox To Production: An Introduction to Salesforce Release Management
Salesforce Developers
 
The Ideal Salesforce Development Lifecycle
Joshua Hoskins
 
Tailoring the DITA Suit to Fit
Salesforce Engineering
 
The Cloud: Releasing Software into Controlled Chaos
Salesforce Engineering
 
Scaling Continuous Integration for Puppet
Salesforce Engineering
 
Operationalizing Big Data as a Service
Salesforce Engineering
 
Orchestration, the conductor's score
Salesforce Engineering
 
Salesforce1 ELEVATE Workshop - Dublin
Joshua Hoskins
 
DevOps in Salesforce AppCloud
rsg00usa
 
Salesforce API Series: Release Management with the Metadata API webinar
Salesforce Developers
 
Game changers
Marek Kirejczyk
 
Webinar: From Sandbox to Production: Demystifying Force.com Release Managemen...
Salesforce Developers
 
Streamline Selenium Testing with Page Flow Navigation
Salesforce Developers
 
Declarative Network Configuration
Salesforce Engineering
 
Salesforce's Trusted Enterprise Platform and Apache Phoenix
Salesforce Engineering
 
Under the Hood of Sandbox Templates
Salesforce Developers
 
TDX19 - Accelerate DevOps with GitLab and Salesforce
Doug Ayers
 

Similar to Crossbrowser Testing at Salesforce Analytics (20)

PDF
Guide to Cross Browser Testing_ Definition, Process, Challenges & Tools.pdf
Steve Wortham
 
PDF
Cross-Browser Testing : A Complete Guide
Testgrid.io
 
PDF
The Imperatives of Cross-Browser Testing
StudySection
 
PDF
Know All About Cross Browser Compatibility Testing.pdf
flufftailshop
 
PDF
Know All About Cross Browser Compatibility Testing.pdf
flufftailshop
 
PDF
Cross Browser Compatibility Testing - A Complete Guide.pdf
flufftailshop
 
PPTX
Cross browser Testing in the Era of Responsive Web Design (1).pptx
Leeanna marshall
 
PDF
Webapp Automation Testing of performance marketing and media platform
Knoldus Inc.
 
PDF
The Ultimate Guide To Cross-Browser Compatibility Testing.pdf
Steve Wortham
 
PPTX
17 Ways to Save Time on Manual Cross Browser Testing
Sarah Elson
 
PDF
Cross Browser Device Testing - All You Need to Know.pdf
kalichargn70th171
 
PDF
How does Cross Browser testing improve the User Experience.pdf
pCloudy
 
PDF
Tips To Enhance Your Cross Browser Testing With Minimal Effort.pdf
pCloudy
 
PPTX
Skyrocket Your Cross Browser Testing with Minimal Effort
Sarah Elson
 
PDF
11 Top Cross Browser Testing Tools to Know About.pdf
kalichargn70th171
 
PDF
11 Top Cross Browser Testing Tools to Know About.pdf
flufftailshop
 
PDF
Ultimate Guide to Cross Browser Testing
morrismoses149
 
PPTX
Testing Web Apps and APIs (1)
AAron EvaNS
 
PPTX
Testing Web Apps and API's
PractiTest
 
PDF
Cross Browser Testing: El reto de la eficiencia
Software Guru
 
Guide to Cross Browser Testing_ Definition, Process, Challenges & Tools.pdf
Steve Wortham
 
Cross-Browser Testing : A Complete Guide
Testgrid.io
 
The Imperatives of Cross-Browser Testing
StudySection
 
Know All About Cross Browser Compatibility Testing.pdf
flufftailshop
 
Know All About Cross Browser Compatibility Testing.pdf
flufftailshop
 
Cross Browser Compatibility Testing - A Complete Guide.pdf
flufftailshop
 
Cross browser Testing in the Era of Responsive Web Design (1).pptx
Leeanna marshall
 
Webapp Automation Testing of performance marketing and media platform
Knoldus Inc.
 
The Ultimate Guide To Cross-Browser Compatibility Testing.pdf
Steve Wortham
 
17 Ways to Save Time on Manual Cross Browser Testing
Sarah Elson
 
Cross Browser Device Testing - All You Need to Know.pdf
kalichargn70th171
 
How does Cross Browser testing improve the User Experience.pdf
pCloudy
 
Tips To Enhance Your Cross Browser Testing With Minimal Effort.pdf
pCloudy
 
Skyrocket Your Cross Browser Testing with Minimal Effort
Sarah Elson
 
11 Top Cross Browser Testing Tools to Know About.pdf
kalichargn70th171
 
11 Top Cross Browser Testing Tools to Know About.pdf
flufftailshop
 
Ultimate Guide to Cross Browser Testing
morrismoses149
 
Testing Web Apps and APIs (1)
AAron EvaNS
 
Testing Web Apps and API's
PractiTest
 
Cross Browser Testing: El reto de la eficiencia
Software Guru
 
Ad

More from Salesforce Engineering (20)

PPTX
Locker Service Ready Lightning Components With Webpack
Salesforce Engineering
 
PPTX
Scaling HBase for Big Data
Salesforce Engineering
 
PPTX
Techniques to Effectively Monitor the Performance of Customers in the Cloud
Salesforce Engineering
 
PPTX
Predictive System Performance Data Analysis
Salesforce Engineering
 
PPTX
Apache HBase State of the Project
Salesforce Engineering
 
PPTX
Hit the Trail with Trailhead
Salesforce Engineering
 
PPTX
HBase/PHOENIX @ Scale
Salesforce Engineering
 
PPTX
Scaling up data science applications
Salesforce Engineering
 
PPTX
Containers and Security for DevOps
Salesforce Engineering
 
PPTX
Aspect Oriented Programming: Hidden Toolkit That You Already Have
Salesforce Engineering
 
PPTX
Monitoring @ Scale in Salesforce
Salesforce Engineering
 
PPTX
Performance Tuning with XHProf
Salesforce Engineering
 
PPTX
A Smarter Pig: Building a SQL interface to Pig using Apache Calcite
Salesforce Engineering
 
PPTX
Implementing a Content Strategy Is Like Running 100 Miles
Salesforce Engineering
 
PPTX
Salesforce Cloud Infrastructure and Challenges - A Brief Overview
Salesforce Engineering
 
PDF
Koober Preduction IO Presentation
Salesforce Engineering
 
PDF
Microservices
Salesforce Engineering
 
PPTX
Global State Management of Micro Services
Salesforce Engineering
 
PPTX
The Future of Hbase
Salesforce Engineering
 
PPTX
Apache BookKeeper Distributed Store- a Salesforce use case
Salesforce Engineering
 
Locker Service Ready Lightning Components With Webpack
Salesforce Engineering
 
Scaling HBase for Big Data
Salesforce Engineering
 
Techniques to Effectively Monitor the Performance of Customers in the Cloud
Salesforce Engineering
 
Predictive System Performance Data Analysis
Salesforce Engineering
 
Apache HBase State of the Project
Salesforce Engineering
 
Hit the Trail with Trailhead
Salesforce Engineering
 
HBase/PHOENIX @ Scale
Salesforce Engineering
 
Scaling up data science applications
Salesforce Engineering
 
Containers and Security for DevOps
Salesforce Engineering
 
Aspect Oriented Programming: Hidden Toolkit That You Already Have
Salesforce Engineering
 
Monitoring @ Scale in Salesforce
Salesforce Engineering
 
Performance Tuning with XHProf
Salesforce Engineering
 
A Smarter Pig: Building a SQL interface to Pig using Apache Calcite
Salesforce Engineering
 
Implementing a Content Strategy Is Like Running 100 Miles
Salesforce Engineering
 
Salesforce Cloud Infrastructure and Challenges - A Brief Overview
Salesforce Engineering
 
Koober Preduction IO Presentation
Salesforce Engineering
 
Microservices
Salesforce Engineering
 
Global State Management of Micro Services
Salesforce Engineering
 
The Future of Hbase
Salesforce Engineering
 
Apache BookKeeper Distributed Store- a Salesforce use case
Salesforce Engineering
 
Ad

Recently uploaded (20)

PDF
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
PDF
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
PPTX
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
PDF
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
PDF
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
PDF
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
PPTX
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 
PDF
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PPTX
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
PDF
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
PDF
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
PDF
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
DOCX
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
PDF
July Patch Tuesday
Ivanti
 
PPTX
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
PDF
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PDF
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
PDF
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
PDF
Advancing WebDriver BiDi support in WebKit
Igalia
 
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
July Patch Tuesday
Ivanti
 
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
Advancing WebDriver BiDi support in WebKit
Igalia
 

Crossbrowser Testing at Salesforce Analytics

  • 1. Cross Browser Testing at Salesforce Analytics Srividhya (Srivi) Agandeswaran [email protected]
  • 2. Safe harbor statement under the Private Securities Litigation Reform Act of 1995: This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the forward-looking statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of product or service availability, subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for future operations, statements of belief, any statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services. The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our service, new products and services, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth, interruptions or delays in our Web hosting, breach of our security measures, the outcome of any litigation, risks associated with completed and any possible mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our employees and manage our growth, new releases of our service and successful customer deployment, our limited history reselling non-salesforce.com products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-K for the most recent fiscal year and in our quarterly report on Form 10-Q for the most recent fiscal quarter. These documents and others containing important disclosures are available on the SEC Filings section of the Investor Information section of our Web site. Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available. Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements. Safe Harbor
  • 3. Agenda 1. Why Cross Browser Testing? 2. Testing Methodologies 3. Make it Testable 4. Browser Stats and challenges 5. Q&A
  • 4. Why Cross Browser Testing? Cross Browser Testing is the process of reviewing and comparing the website functionality and styles across multiple browsers and different operation systems and mobile • UI test automation should not be optimized for single flow of testing • It should be testing integrated use cases focusing on exercising features that cross vertical functionality • One of main aspects of cross browser testing is to keep in mind that CSS styles rendered differently across browsers/ browser versions, in terms of what is supported and what not.
  • 5. Testing process 1. For automation, we take the approach of having UI - functional testing and UI - browser compatibility testing. 2. Write the tests in coffee script, essentially that gets run as a complied JavaScript on the native browsers and we leverage Sauce lab for UI Automation to test different browsers. 3. We also run our end to end automation by spinning up an Org in Ftest selenium as continuous Integration. 4. We usually begin by running a thorough test of all styles and functionality in our preferred browser (Google Chrome) to develop of a base idea of how the site looks and functions. It also helps to get a list of issues started so they can be referenced when the same issues are spotted in other browsers 5. For various different browsers , we run them in different Jenkins builds/jobs that have dedicated resources assigned to them. This way our UI - functional testing running against Firefox/Google Chrome does not get affected by "slowness" in IE builds/jobs. 6. For manual testing we leverage : https://www.modern.ie/en-us/virtualization-tools
  • 6. Modularize the code Style Guides: - A style guide is not a brand guideline but a living document (preferably hooked up to site/app code) - Style guides provide a reference for the whole team; documents intents; documents variables (minimizes duplicates); - It facilitates cross-browser testing; facilitate building modular code; increases productivity and ramp up - FiftyThree blog post on type style guide: http://blog.typekit.com/2014/10/22/creating-a- type-style-guide/ - Tools that can help: KSS (GitHub uses this tool) or Hologram - Style Guide Reference Site http://styleguides.io/ - KSS (http://warpspire.com/kss/) - Hologram (http://trulia.github.io/hologram/)
  • 7. CSS Selectors  Element Locator to locate elements on page  Cross browser compatible  Older versions of IE partially supports few CSS attributes CSS Locator- Examples
  • 8. DOM Selectors  DOM - Document Object Model  DOM is use to traverse through an HTML tree  DOM gets executed thru’ selenium as – getEval(JavaScript); DOM Selector- Examples
  • 9. Browser and Platform Stats http://www.w3schools.com/browsers/browsers_stats.asp
  • 10. Cross Browser Testing - Benefits  Consistent, stable cross-browser/platform rendering and functionality on all website pages - higher quality website  Simplified website maintenance and updates  Ease of use/viewing for end-users (your customers!)  Increased customer conversion ratio
  • 11. Q&A