Testing Ginormous JavaScript Apps - ScotlandJS 2014

•

0 gefällt mir•1,117 views

We all agree that having well tested apps is important, right? In an agile environment it gives you the confidence to iteratively refactor as requirements change. And the larger your application, the more important this becomes. Not only does it promote quality, but also a scalable application architecture that's essential when building "Ginormous JavaScript Apps". In this talk I'll discuss and demonstrate how testing has been core to Caplin Systems successfully building and maintaining a 100k+ LoC front-end JavaScript SDK and multiple 50k+ LoC apps. In particular, the application architecture required to enable testing apps of this size.

Software Technologie

Testing
Ginormous
JavaScript
Apps
Giganotosaurus
http://www.jurassicworld-movie.com/
community/forums/topic/31168
2014
#sjsPhilL

Phil @leggetter
phil@leggetter.co.uk
Caplin Systems
!
#sjsPhilL

Discuss testing strategies for big apps (insert gif)
Discussion Track
Oviraptors
#sjsPhilL

Caplin Trader 2 (CT2)!
From ~2009
#sjsPhilL

Caplin Trader 2 Codebase
~2011
• ~1,500 JavaScript files
• ~250,000 LoC
• ~120,000 test LoC
• HTML Templates
• CSS
• Images
• i18n
• Config
#sjsPhilL

Caplin Dev Practices
• Multiple contributing teams
• SCRUM - 2 week iteration
• Continuous Integration & Delivery
• Build status displayed on screen
#sjsPhilL
• A focus on Quality Software
https://www.japanla.com/blog.php?blog_id=568

Testing Requirements
• Cross-browser IE6+*, Firefox 3.5*+ & Chrome
• Class-level Unit Tests
• Application Acceptance Tests
* Remember this was 2009
#sjsPhilL
Saurophaganax
http://www.statesymbolsusa.org/Oklahoma/OklahomaStateFossil.html

Application ATs
• Selenium Tests
• Selenium User-Extensions
• Actions, Accessors/Assertions & Locators
• VM infrastructure for CI
#sjsPhilL

3
3. Launch browser + App
AT Process
#sjsPhilL
1
1. Pair Browser + Backend VM
2
2. Reset & restart backend services
5
5. Record results
4
4. Execute ATs
6
6. Reset backend services
8. Execute next test…
8
7
7. Restart/refresh browser

Test Results
• ~1300 UTs
• ~500 ATs
• 50 pairs - VM infrastructure to parallelise tests
#sjsPhilL
• 8 Hours
• We could only run a full suite of
tests once per day - at night
• Test results highly unreliable
http://paintballkitty.spreadshirt.com/sad-dinosaur-A11954669

We Were Doing It
Wrong!
https://www.ﬂickr.com/photos/41187064@N03/3809454959/in/gallery-dreamyshade-72157622839898770/
#sjsPhilL

Others may still be
doing it wrong.
#sjsPhilL

Restarting Browser /
Relaunching the App
#sjsPhilL

Improve Speed & Reliability
• Full application running + relaunch
• Backend services
• DOM
The long-necked Eodromaeus, or "dawn runner
http://video.nationalgeographic.com/video/news/eodromaeus-dinosaur-discovery-vin
#sjsPhilL

Component/Module/
Feature/Blade
#sjsPhilL

Improve Speed & Reliability
• Full application running + relaunch
• Backend services
• DOM
#sjsPhilL
Liopleurodon
http://bloodhoundomega.deviantart.com/art/Liopleurodon-312292557

Setting & Getting Services
• Use a unique identifier for each service
• Register (code or config). Code example:
!
• Get
http://martinfowler.com/articles/injection.html#ADynamicServiceLocator
#sjsPhilL

Improve Speed & Reliability
• Full application running + relaunch
• Backend services
• DOM
#sjsPhilL
Don’t Touch
that DOM

Improve Speed & Reliability
• Full application running + relaunch
• Backend services
• DOM
#sjsPhilL

Argentinosaurus
http://www.walkingwithdinosaurs.com/dinosaurs/detail/argentinosaurus/
The BIG win!
#sjsPhilL

End-to-End Feature Testing
• Testing features in
isolation
• Change view model
and assert against
mocked Service
• Inject fake service,
make calls and assert
View Model
#sjsPhilL

Need Proof?
Caplin Trader 2 Test suite
>8 Hours
Caplin Trader 3 Test suite
< 30 Minutes
#sjsPhilL

How Do You Test Ginormous
JavaScript Apps?
Have an Architecture Built for Testing
1. Components/Widgets/Modules
2. A Services Layer
3. MVVM - Don’t touch that DOM
#sjsPhilL
Supersaurus
http://www.cfsl.net/forums/viewtopic.php?f=39&t=19496

Phil @leggetter
phil@leggetter.co.uk
Caplin Systems
!
!
!
@BladeRunnerJS
bladerunnerjs.org
#sjsPhilL
Tyrannosaurus Rex
http://zorgor.wordpress.com/2012/12/24/cosmic-calendar-dinosaurs/

Weitere ähnliche Inhalte

Was ist angesagt?

AngularJs advanced Topics

Amr Abd El Latief

The best reason for writing tests is to automate your testing. Without tests, you'll likely be testing manually. This manual testing will take longer and longer as your codebase grows. In this session, you’ll learn how to test an Angular 2 application. You'll learn how to use Jasmine to unit test components and Protractor for integration testing. We’ll also take a look at code coverage options and explore continuous integration tools.

Testing Angular 2 Applications - Rich Web 2016

Matt Raible

S is for Spec

Shintaro Kakutani

In our daily lives as iOS developers, we can usually happily keep coding away in Swift and ignore what’s going on in other software development communities, like that of JavaScript. However, there may be some advantages to at least becoming familiar with what’s going on in the world of React Native, and in this session you will get an overview of what React Native is, and why it could be a useful addition to your toolbox an iOS developer. These slides are based on a talk given by Evan K. Stone at the Forward Swift conference in San Francisco on March 2, 2017.

What's This React Native Thing I Keep Hearing About?

Evan Stone

Presentation to the Agile Nashville User Group, January 2015. Are you working with multiple agile teams on a single software application? Are you looking for help with making agile work for you at the program level? Have you considered leveraging the Scaled Agile Framework (SAFe) but been scared off by its prescriptive nature? Are you confused about how program level SAFe applies in your context? Every organisation is different and what works for one organisation may not work for another. One of the benefits of a framework, is that they can and should be adapted to your context. Based on learnings derived from practical experience, this session will illustrate how focusing on principles can help you design a pragmatic approach to program level SAFe suitable for your unique situation.

A Principles Based Approach to SAFe

Em Campbell-Pretty

Git workflow in agile development

Zack Siri

Angular2 Upgrade

WealthBar Financial Services

New Perspectives on Performance

mennovanslooten

Windy cityrails performance_tuning

John McCaffrey

React Native "A Bad Idea Or A Game Changer" at Code Mania 101

Ranatchai Chernbamrung

Web testing with Selenium

Sergio Sacristan

Struggling with Agile at scale? Thinking about scaling Agile beyond the team? Want to learn from others’ mistakes? Well don’t panic, and carry a towel. After all, “any man who can hitch the length and breadth of the Galaxy, rough it, slum it, struggle against terrible odds, win through and still know where his towel is, is clearly a man to be reckoned with.” There is a lot to be learnt from those who have successfully hitchhiked their way to the galaxy of Scaled Agile, but there is also much to learn from those who have gotten a little lost upon the way. This session celebrates the scaled Agile hitchhiker, the people who tried and failed, with ideas that were occasionally brilliant but often plain stupid. You will laugh, you will cry but you will also walk away will a nice long list of ideas not to try when scaling Agile!

Failing @ Scaling: Don’t panic, and carry a towel!

Em Campbell-Pretty

The Rounds Project: Growing from thousands to millions - Berry Ventura & Yoah...

DroidConTLV

Was ist angesagt? (13)

AngularJs advanced Topics

Testing Angular 2 Applications - Rich Web 2016

S is for Spec

What's This React Native Thing I Keep Hearing About?

A Principles Based Approach to SAFe

Git workflow in agile development

Angular2 Upgrade

New Perspectives on Performance

Windy cityrails performance_tuning

React Native "A Bad Idea Or A Game Changer" at Code Mania 101

Web testing with Selenium

Failing @ Scaling: Don’t panic, and carry a towel!

The Rounds Project: Growing from thousands to millions - Berry Ventura & Yoah...

Ähnlich wie Testing Ginormous JavaScript Apps - ScotlandJS 2014

JavaScript has a well deserved reputation of be hard to write and debug. Put it on a mobile device and the problems increase exponentially. Mobile browsers lack all of the niceties that developers rely on to do testing and debugging including the most fundamental tool, the debugger. But it is possible to write quality JavaScript on a mobile device without relying on blind luck. In this talk I will show all of the tools and tricks that I learned in my 12 month development of the new KBB.com mobile site.

Enterprise Strength Mobile JavaScript

Troy Miles

Relying on a single content delivery network for your site can impose a number of flexibility limitations. By diversifying your CDN providers you can put the power back in your hands, allowing you to get the best of both worlds in terms of performance, reliability and cost. In this talk Marcus and Laurie will present Etsy’s recent work integrating multiple CDN providers to their site delivery infrastructure. This presentation was delivered at Velocity Europe, November 2013

Integrating multiple CDN providers at Etsy - Velocity Europe (London) 2013

Marcus Barczak

5 best practices for (web/ software) development (2010)

Erwin Elling

Titanium Alloy Tutorial

Fokke Zandbergen

What does it mean to 'do' Continuous Integration? It used to be enough to execute your unit tests in CI. But the bar is steadily raising for engineering practices. In the last decade we've seen tremendous improvements inacceptance testing. JavaScript is now a platform in it's own right. Cloudcomputing is now vital. There's growing interest in deployment to prod.So Continuous Integration is under more pressure than ever. As the bar slowly raises for engineering practices, we ll present 2011's minimum viable feature set for Continuous Integration

Continuous Integration, the minimum viable product

Julian Simpson

Developing large apps is difficult. Ensuring that code is consistent, well structured, tested, maintainable and has an architecture that encourages enhancement is essential. When it comes to large server-focused apps, solutions to this problem have been tried and tested. But, how do you achieve this when building HTML5 single page apps? In this talk we’ll cover the signs to watch out for as your HTML5 SPA grows and provide examples of some of the tooling types that can contribute-to as well as ease the growing pains. Finally, we’ll demonstrate how tooling can be used to support a set of conventions, practices and principles that enable a productive developer workflow where the first line of code is feature code, features can be developed in isolation, code conflicts are avoided by grouping assets by feature and features are composed into apps. The demonstrations will use BladeRunnerJS, an open source developer toolkit written in Java, but the concepts are widely applicable.

How to Build Single Page HTML5 Apps that Scale

Phil Leggetter

Hello Testers, Welcome to the special edition of Vietnam QA meet up. We have three speakers from Carousell on this special occasion. 1. Demystifying selenium grid - Syam Sasi, Senior Software Engineer , Carousell 2. The testing culture at Carousell - Ngan Do, Software Engineer , Carousell 3. The weekly release cycle for mobile apps - Long Ly, Senior Software Engineer , Carousell Date : Thursday, May 30th, 2019 Time: 6:00 PM to 9:00 PM Location: 23rd floor, E. Town Central, 11 Doan Van Bo, Ward 12, District 4 Ho Chi Minh City Register link: https://www.eventbrite.sg/e/vietnam-qa-meetup-tickets-61865212516 The event is free and drinks with snacks will be served. Please note that the event will be conducted in mainly English. Detail Schedule: 6PM - 6:30PM - Pizzas, Fruits and networking 6:30 - 7:10 PM - Demystifying the selenium grid 7:10 - 7:15 - Q&A 7:15 - 7:45 - Testing culture at Carousell 7:45- 7:50 - Q&A 7:55 - 8:40 - Weekly release cycle for mobile apps 8:40 - 8:45 - Q&A 8:45 - 09:00 - Kahoot

Vietnam qa meetup

Syam Sasi

Nakal think test_2015

Rajdeep Varma

Scalive

Takeharu Oshida

Selendroid in Action

Dominik Dary

SXSW 2012 JavaScript MythBusters

Elena-Oana Tabaranu

在 Java 的 Build System 當中，早期是 Ant 的天下，接下來漸漸被 Maven 取代，再到最近越來越多的人選擇使用 Gradle。由於 Gradle 的簡單強大，而且沿用了 Maven Central Repository，讓我們的專案可以更輕鬆的管理。此次分享以 CLI(Command Line Interface) 應用程式為例，從產生一個Gradle專案，整合 third party library，整合主流的 IDE，最後產生一個方便執行的 shell script，全部搞定。在短短的15分鐘，希望給還沒用過 Gradle 的朋友感受 Gradle 的魅力。

Gradle起步走: 以CLI Application為例 @ JCConf 2014

Chen-en Lu

Great Tools Heavily Used In Japan, You Don't Know.

Junichi Ishida

Head first android apps dev tools

Shaka Huang

Silverlight vs HTML5 - Lessons learned from the real world...

Peter Gfader

Today, Kubernetes is the defacto standard if you want to run container workloads in a production environment. As we set out to build our next generation of products, and run them smoothly in the cloud, we needed to move to Kubernetes too! In the process of building tools like KubeXray and GoCenter we learned a whole bunch. At CloudExpo I got to talk about how to get started with Kubernetes and how we got started at JFrog building our new tools. After the session you will know: How we got to Kubernetes (and why we chose it) How to know what you have in your apps and containers (and how we built ours) How we’re running GoCenter at scale.

Building a Kubernetes Powered Central Go Modules Repository

Leon Stigter

Ilya Ivanov - Advanced React-Native

OdessaJS Conf

WebGL Awesomeness

Stephan Seidt

Believe it or not - 85% of mobile apps are removed after first usage! In this presentation - given at the APM Meetup in Singapore in April 2015 - I talked about the challenges, best practices and especially metrics to avoid this situation. Key Points of the Presentation The two key trends "Internet of Things" and "DevOps" play a big role in our life when we talk about User Experience and especially mobile user experience. In this presentation I tell you what metrics to use to make sure you deliver your ideas faster to your mobile end users but also ensuring the right quality and user experience so that your users stay loyal and dont delete the mobile app after first usage.

Mobile User Experience:Auto Drive through Performance Metrics

Andreas Grabner

Building a mobile app - depending upon who you speak with it's a quick way to make a ton of cash (SnapChat), a sign of maturity for a SaaS startup that offers advantages over a desktop solution (ifttt), or the only way your company chooses to do business (WhatsApp). If you get it right... Today's mobile app developers have to make some difficult choices in their implementations, and a lack of history to provide clear direction doesn't help. In this meetup we'll look at Responsive, Adaptive and Native app development alternatives and how your choice can impact day-to-day necessities like testing and troubleshooting. This will be slightly more technical than our last meetup as we will examine implementations and optimization techniques using mobile applications in the wild.

So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...

Yottaa

Ähnlich wie Testing Ginormous JavaScript Apps - ScotlandJS 2014 (20)

Enterprise Strength Mobile JavaScript

Integrating multiple CDN providers at Etsy - Velocity Europe (London) 2013

5 best practices for (web/ software) development (2010)

Titanium Alloy Tutorial

Continuous Integration, the minimum viable product

How to Build Single Page HTML5 Apps that Scale

Vietnam qa meetup

Nakal think test_2015

Scalive

Selendroid in Action

SXSW 2012 JavaScript MythBusters

Gradle起步走: 以CLI Application為例 @ JCConf 2014

Great Tools Heavily Used In Japan, You Don't Know.

Head first android apps dev tools

Silverlight vs HTML5 - Lessons learned from the real world...

Building a Kubernetes Powered Central Go Modules Repository

Ilya Ivanov - Advanced React-Native

WebGL Awesomeness

Mobile User Experience:Auto Drive through Performance Metrics

So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...

Mehr von Phil Leggetter

Many companies are considering starting up a Developer Relations programme. But how do you decide what your goals are for that programme, what activities the team should undertake, where that team should site within your organization's hierarchy and how should they execute? This presentation provides and overview of the AAARRRP Developer Relations Strategy Framework and provides a practical example of how it has been applied when building the Developer Relations team at Nexmo. The presentation also covers Phil Leggetter's thoughts on why Nexmo have undertaken DevRel with a foundation in Product.

An Introduction to AAARRRP: A framework for Defining Your Developer Relations...

Phil Leggetter

You've probably heard the term "Contextual Communications" over the past year. But what does it mean? Why does it matter? And how would you use contextual communications within an application or bot that you are building? In this talk I will share the What, Why and How of contextual communications. Think SMS, in-app messaging, voice and mix in things like location, time, history and all the data around this. Finally, I'll demonstrate how APIs make all of this possible.

How APIs Enable Contextual Communications

Phil Leggetter

Many companies are considering building a developer relations programme. But deciding how you go about building that programme can be difficult. What are the goals of the programme, how do they align with the company goals, what activities should the new Developer Relations team undertake, how do those activities help other departments within the company and how should the success of the team be measured? In this talk I’ll introduce the AAARRRP Developer Relations Strategy Framework and talk through a practical example of how it’s been applied when building a DevRel strategy at Nexmo.

An Introduction to the AAARRRP Developer Relations Strategy Framework and How...

Phil Leggetter

Many companies are considering building a developer relations programme. But deciding how you go about building that programme can be difficult. What are the goals of the programme, how do they align with the company goals, what activities should the new Developer Relations team undertake, how do those activities help other departments within the company and how should the success of the team be measured? In this talk I'll introduce the AAARRRP Developer Relations Strategy Framework and talk through a practical example of how it's been applied when building a DevRel strategy at Nexmo.

An Introduction to the AAARRRP Developer Relations Strategy Framework and How...

Phil Leggetter

You've probably heard the term "Contextual Communications" over the past year. But what does it mean? Why does it matter? And how would you use contextual communications within an application that you are building? In this talk I will share the What, Why and How of contextual communications. Think SMS, in-app messaging, voice and mix in things like location, time, history and all the data around this. And how do we do all of this with JavaScript?

Contextual Communications: What, Why and How? Bristol JS

Phil Leggetter

Real-time is becoming the life blood of applications. Facebook, Twitter, Uber, Google Docs and many more apps have increased user expectation to demand real-time features. Features such as Notifications, activity streams, real-time data visualisations, chat or collaborative experiences instantly keep users up to date and enable them to work much more effectively. So, how do you build these sorts of features with .NET? This talk will cover the benefits of moving away from polling to push, the options you have with .NET web application to do this and when adding real-time features to your apps, and the pros and cons of each to help choose which is the best solution for you.

Real-Time Web Apps & .NET. What Are Your Options? NDC Oslo 2016

Phil Leggetter

Real-time is becoming the life blood of applications. Facebook, Twitter, Uber, Google Docs and many more apps have increased user expectation to demand real-time features. Features such as notifications, activity streams, real-time data visualisations, chat or collaborative experiences instantly keep users up to date and enable them to work much more effectively. So, how do you build these sorts of features with .NET? In this session, Phil will cover the benefits of moving away from polling to push, the options you have with .NET web application to do this and when adding real-time features to your apps, and the pros and cons of each to help choose which is the best solution for you.

Real-Time Web Apps & .NET - What are your options?

Phil Leggetter

It has been possible to instantly push information from a web server to a web browser for around 15 years. Real-time web technology has been mainstream for a while thanks to the experiences offered by applications like Twitter, Facebook, Uber and Google Docs, and more recently the rise of the Internet of Things (IoT). Technology advancements have also played their part with low-level improvements such as WebSockets and WebRTC, and high-level solutions like Socket.IO, SignalR, Faye, Firebase and Pusher. In this talk Phil will cover the past, present and future of real-time communication technology, the realtime web and provide a number of use cases and demonstrations of how the technology is actually used today (it's not just chat and spaceship games!).

The Past, Present and Future of Real-Time Apps and Communications

Phil Leggetter

It has been possible to instantly push information from a web server to a web browser for around 15 years. It's now 2015 and real-time web technology has been mainstream for a while thanks to the experiences offered by applications like Twitter, Facebook, Uber and Google Docs, and more recently the rise of the Internet of Things (IoT). Technology advancements have also played their part with low-level improvements such as WebSockets and WebRTC, and high-level frameworks and hosted solutions such as Pusher. In this talk Phil will cover the past, present and future of real-time communication technology, the realtime web, provide a number of case studies and demonstrations of how the technology is actually used today (it's not just chat and spaceship games!) and discuss where things may go in the future..

The Past, Present and Future of Real-Time Apps and Communications

Phil Leggetter

What's the ROI of Developer Relations?

Phil Leggetter

Real-time is becoming the life blood of applications. Facebook, Twitter, Uber, Google Docs and many more apps have increased user expectation to demand real-time features. Features such as Notifications, activity streams, real-time data visualisations, chat or collaborative experiences instantly keep users up to date and enable them to work much more effectively. So, how do you build these sorts of features with Symfony? This talk will cover a number of options Symfony (and PHP developers in general) have for building real-time features within their apps and the pros and cons of each to help choose which is the best solution for you.

Real-Time Web Apps & Symfony. What are your options?

Phil Leggetter

Web Components are touted as the future of front-end web development. In this talk you’ll learn what Web Components are, how to use them and the state of native support in web browsers. Finally I’ll demonstrate what your options are for building componentized web apps right now using AngularJS, Ember, Knockout, React, Polymer etc. And why Web Components probably are the future of front-end web development.

Why You Should be Using Web Components Right Now. And How. ForwardJS July 2015

Phil Leggetter

It has been possible to instantly push information from a web server to a web browser for around 15 years, but it's 2015 and real-time web technology has been mainstream for a while thanks to the experiences offered by applications like Twitter, Facebook, Uber, Google Docs and the rise of the Internet of Things (IoT). Technology advancements have also played their part with raw technology improvements such as WebSockets, and solutions like Socket.IO, SignalR, Faye, Firebase and Pusher. In this talk I'll cover the past, present and future of client and server communication technology, the realtime web and provide a number of use cases and demonstrations of how the technology is actually used today (it's not just chat and spaceship games).

Real-Time Web Apps in 2015 & Beyond

Phil Leggetter

Web Components are touted as the future of web development. In this session, Phil will explain what Web Components are, the state of native support in web browsers, what your options are for building componentised web apps right now using AngularJS, Ember, Knockout or React, and why Web Components probably are the future of web development. He will also cover the benefits of a component-based architecture and how it helps when building JavaScript apps, as well as how components can communicate in a loosely coupled way, and why.

Why you should be using Web Components. And How - DevWeek 2015

Phil Leggetter

Developing large apps is difficult. Ensuring that code is consistent, maintainable, testable and has an architecture that enables change is essential. As is ensuring that multiple developers – across multiple teams – can efficiently contribute to the same application. When it comes to large server-focused apps, solutions to some of these challenges have been tried and tested. But, how do you achieve this when building HTML5 single-page apps? In this session, Phil will cover the experiences his team have had when building HTML5 apps consisting of more than 250k lines of JavaScript (plus HTML templates, CSS, image, config etc) that are contributed to by multiple teams across multiple companies. He will highlight signs to watch out for as your HTML5 SPA grows, and a set of patterns and practices that help you avoid problems. He will also explain the simple yet powerful application architecture that their HTML5 apps have that is core to ensuring they scale. Finally, Phil will demonstrate how tooling can be used to support these patterns and practices, and enable a productive developer workflow where the first line of code is feature code, features can be developed and tested in isolation, code conflicts are avoided by grouping assets by feature, and features are composed into apps.

Patterns and practices for building enterprise-scale HTML5 apps

Phil Leggetter

Fed London - January 2015

Phil Leggetter

It has been possible to instantly push information from a web server to a web browser for at least 10 years, but this technology has finally gone mainstream thanks to technologies like WebSockets and solutions like SignalR, socket.io, Faye and Pusher. In this sessions I'll cover the past, present and future of client/server communication technology, the realtime web and provide a number of use cases and demonstrations of how the technology is actually used today (it's not just chat and spaceship games).

Realtime Web Apps in 2014 & Beyond

Phil Leggetter

BladeRunnerJS Show & Tell

Phil Leggetter

Developing large apps is difficult. Ensuring that code is consistent, well structured, tested, maintainable and has an architecture that encourages enhancement is essential. When it comes to large server-focused apps, solutions to this problem have been tried and tested. But, with the ongoing dramatic shift of functionality into the browser, how do you achieve this when building Front-End Web Apps? In this talk we’ll cover the signs to watch out for as your HTML5 SPA grows and provide examples of some of the tooling types that can contribute-to - as well as ease - the growing pains. Finally, we’ll demonstrate how tooling can be used to support a set of conventions, practices and principles that enable a productive developer workflow where the first line of code is feature code, features can be developed in isolation, code conflicts are avoided by grouping assets by feature and features are composed into apps. The demonstrations will use the BladeRunnerJS open source developer toolkit, but the concepts are widely applicable.

How to Build Front-End Web Apps that Scale - FutureJS

Phil Leggetter

Developing large apps is difficult. Ensuring that code is consistent, well structured, tested and has an architecture that encourages enhancement and maintainability is essential. When it comes to building large server-focused apps the solutions to this problem have been tried and tested. But, how do you achieve this when building HTML5 single page apps? BladeRunnerJS is an open source developer toolkit and lightweight front-end framework that has helped Caplin Systems ensure that a 200k LoC JavaScript codebase hasn’t become a tangled mess of unstable spaghetti code. This codebase is packaged and delivered to customers as an SDK. Additionally customers receive a getting started application of around 50k LoC for them to build upon, and they’re expected not to turn that into a tangled … you get the idea. In this talk you’ll learn the main concepts to apply when building a front-end app that scales and how BladeRunnerJS can support the development process.

Using BladeRunnerJS to Build Front-End Apps that Scale - Fluent 2014

Phil Leggetter

Mehr von Phil Leggetter (20)

An Introduction to AAARRRP: A framework for Defining Your Developer Relations...

How APIs Enable Contextual Communications

An Introduction to the AAARRRP Developer Relations Strategy Framework and How...

Contextual Communications: What, Why and How? Bristol JS

Real-Time Web Apps & .NET. What Are Your Options? NDC Oslo 2016

Real-Time Web Apps & .NET - What are your options?

The Past, Present and Future of Real-Time Apps and Communications

What's the ROI of Developer Relations?

Real-Time Web Apps & Symfony. What are your options?

Why You Should be Using Web Components Right Now. And How. ForwardJS July 2015

Real-Time Web Apps in 2015 & Beyond

Why you should be using Web Components. And How - DevWeek 2015

Patterns and practices for building enterprise-scale HTML5 apps

Fed London - January 2015

Realtime Web Apps in 2014 & Beyond

BladeRunnerJS Show & Tell

How to Build Front-End Web Apps that Scale - FutureJS

Using BladeRunnerJS to Build Front-End Apps that Scale - Fluent 2014

Kürzlich hochgeladen

%in Midrand+277-882-255-28 abortion pills for sale in midrand

masabamasaba

OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...

Shane Coughlan

We specialize in Psychic Readings, Psychic Love Spells, Binding Love Spells, Obsession Spells, Voodoo Spells, Lottery Spells, Marriage Spells, Black Magic Spells, Palm Readings & much more. Are you depressed? We perform this come-to-me love spell that works instantly with the aim of Winnipeg back the victim to the person performing the magic. Have you lost your lover? We perform this come-to-me love spell that works instantly with the aim of bringing back the victim to the person performing the magic. Have you lost your lover? Do u need to solve any relationship problem? Contact the powerful spells caster chief kule with love spells that work overnight and love spells that really work. Have you found yourself infatuated with a special someone you think could be the one? Are you looking for a spell to provide them with a nudge in the right direction? Or maybe the spell you cast didn’t achieve the results you were hoping for? Whether you’re new or versed in the ways of spell casting, we’re here to help. Today we’re going to provide you with a detailed guide on the types of love spells to cast. Not only that but there’s something for those who wish to find outside advice from more advanced spell casters. We’re also going to provide you with the top sites available to help you with your dilemma. Let’s begin our journey by educating ourselves on love magic and what a real love caster looks like. Love Magic and Love Casters Love magic made its first appearance back in Ancient Egypt and has been an active practice since. This type of magic is a branch of traditional magic and can be practiced in various ways. Typically the more common use of love magic is through the work of spells, but other methods look like Charms Rituals-LOVE Potions-Dolls and even Amulets If you are interested in becoming a love caster, be prepared for what’s to come. A genuine love caster knows that the art of love casting is no easy feat and shouldn’t be done casually. You should know that not only does it require you to be gifted spiritually, but you must be ready to serve others. Someone who is considered a real love caster has experience in all manner of spells, no matter the difficulty. Training yourself in attraction, commitment, and marriage spells is an excellent place to start. But this by no means will make you a professional. Practice your craft and expand your knowledge; understand that you will possess the ability to help others in time truly. Types of Love Spells What better way to start broadening your experiences with love spells than by learning more about them? These spells work like just about any other spell. Simply apply your intention, use a medium (sigils, mantras, candles, or charm bags), and top it off with establishing the belief that you will receive what you want. So what kind of spells are available and which ones suit your needs the best? Let’s take a look at the many options you have at your disposal. Attraction Spells

%+27788225528 love spells in Knoxville Psychic Readings, Attraction spells,Br...

masabamasaba

+971565801893 Mtp-Kit (500MG) Prices » Dubai [(+971565801893**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Leen Whatsapp +971565801893 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971565801893''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971565801893' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Clinic in Abu Dhabi, United Arab Emirates.+971565801893

+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...

Health

Conference: Engage2024 in Antwerp Type: Workshop Speakers: Florian Vogler, Henning Kunz, Christoph Adler Title: Navigating the Future with The Hitchhiker's Guide to Notes and Domino 14 Abstract: Embark on an exhilarating journey with industry trailblazers Florian Vogler, Henning Kunz, and Christoph Adler in this not-to-be-missed workshop at the forefront of the tech universe. Get ready for a thrilling kick-off as we navigate the current state of the HCL universe, setting the stage for an exploration of the groundbreaking Notes and Domino 14. Discover the latest enhancements and revolutionary features that will redefine your experience. In this interactive session, unlock a treasure trove of tips and tricks to elevate your utilization of version 14, both with and without the game-changing panagenda MarvelClient. Brace yourself for also diving into Nomad, Nomad Web, and VoltMX, expanding your horizons in the expansive HCL landscape. Be a part of this exclusive opportunity to stay ahead in the ever-evolving world of HCL technologies. Your journey to mastering Notes and Domino 14 begins here. And remember, in the spirit of intergalactic exploration, don't forget to bring your towel!

W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...

panagenda

%in Harare+277-882-255-28 abortion pills for sale in Harare

masabamasaba

(Vivek)Call Us, 8448380779,Call girls in Delhi NCr – We Offer best in class call girls. escort Service At Affordable Price At low Rate with Space Night 8000 We Are One Of The Oldest Escort and Call girls Agencies in Delhi. You Will Find That Our Female Escorts Are Full Of Fun, Sexy And They Would Love Enjoy Your Company. We Have A Fantastic Selection Of Escort Ladies Available For In-Calls As Well As Out-Calls. Our Escorts Are Not Only Beautiful But All Have Great Personalities Making Them The Perfect Companion For Any Occasion. In-Call:- You Can Come At Our Place in Delhi Our place Which Is Very Clean Hygienic 100% safe Accommodation. Out-Call:- You have To Come Pick The Girl From My Place We Are Also Provide Door Step Services (Delhi Ncr, Noida, Gurgaon, Faridabad, Ghaziabad Note:- Pic Collectors Time Passers Bargainers Stay Away As We Respect The Value For Your Money Time And Expect The Same From You Hygienic:- Full Ac room And Clean Rooms Available In Hotel 24 * 7 Hourly In Delhi NCR More Details, With WhatsApp Number, +91-8448380779

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

Delhi Call girls

This presentation covers the following topics: What is logging? The purpose of logging: Debugging The purpose of logging: Security The purpose of logging: Stats & analytics Traditional logging Traditional logging: Advantages Traditional logging: Disadvantages The solution: Large-scale logging Large-scale logging: Core principles Large-scale logging: Solution types Large-scale logging: Cloud vs on-prem Large-scale logging: Operational complexity Large-scale logging: Security Large-scale logging: Costs Large-scale logging: On-prem comparison - Elasticsearch - Grafana Loki - VictoriaLogs On-prem comparison: Setup and operation On-prem comparison: Costs On-prem comparison: Full-text search support On-prem comparison: How to efficiently query 100TB of logs? On-prem comparison: Integration with CLI tools VictoriaLogs for large-scale logging VictoriaLogs demo instance - Ingestion rate: 3600 messages / minute - The number of log messages: 1.1 billion - Uncompressed log messages’ size: 1.5TB - Compressed log messages’ size: 23GB - Compression ratio: 47x - Memory usage: 150MB VictoriaLogs CLI integration demo - Which errors have occurred in all the apps during the last hour? - How many errors have occurred during the last hour? - Which apps generated the most of errors during the last hour? - The number of per-minute errors for the last 10 minutes - Status codes for the last hour - Non-200 status codes for the last week - Top client IPs for the last 4 weeks with 404 and 500 response status codes - Per-month stats for the given IP across all the logs Large-scale logging solution MUST provide excellent CLI integration VictoriaLogs: (temporary) drawbacks VictoriaLogs: Recap - Easy to setup and operate - The lowest RAM usage and disk space usage (up to 30x less than Elasticsearch and Grafana Loki) - Fast full-text search - Excellent integration with traditional command-line tools for log analysis - Accepts logs from popular log shippers (Filebeat, Fluentbit, Logstash, Vector, Promtail, Grafana Agent) - Open source and free to use!

Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024

VictoriaMetrics

We specialize in Psychic Readings, Psychic Love Spells, Binding Love Spells, Obsession Spells, Voodoo Spells, Lottery Spells, Marriage Spells, Black Magic Spells, Palm Readings & much more. Are you depressed? We perform this come-to-me love spell that works instantly with the aim of bringing back the victim to the person performing the magic. Have you lost your lover? We perform this come-to-me love spell that works instantly with the aim of bringing back the victim to the person performing the magic. Have you lost your lover? Do u need to solve any relationship problem? Contact the powerful spells caster chief kule with love spells that work overnight and love spells that really work. Have you found yourself infatuated with a special someone you think could be the one? Are you looking for a spell to provide them with a nudge in the right direction? Or maybe the spell you cast didn’t achieve the results you were hoping for? Whether you’re new or versed in the ways of spell casting, we’re here to help. Today we’re going to provide you with a detailed guide on the types of love spells to cast. Not only that but there’s something for those who wish to find outside advice from more advanced spell casters. We’re also going to provide you with the top sites available to help you with your dilemma. Let’s begin our journey by educating ourselves on love magic and what a real love caster looks like. Love Magic and Love Casters Love magic made its first appearance back in Ancient Egypt and has been an active practice since. This type of magic is a branch of traditional magic and can be practiced in various ways. Typically the more common use of love magic is through the work of spells, but other methods look like Charms Rituals-LOVE Potions-Dolls and even Amulets If you are interested in becoming a love caster, be prepared for what’s to come. A genuine love caster knows that the art of love casting is no easy feat and shouldn’t be done casually. You should know that not only does it require you to be gifted spiritually, but you must be ready to serve others. Someone who is considered a real love caster has experience in all manner of spells, no matter the difficulty. Training yourself in attraction, commitment, and marriage spells is an excellent place to start. But this by no means will make you a professional. Practice your craft and expand your knowledge; understand that you will possess the ability to help others in time truly. Types of Love Spells What better way to start broadening your experiences with love spells than by learning more about them? These spells work like just about any other spell. Simply apply your intention, use a medium (sigils, mantras, candles, or charm bags), and top it off with establishing the belief that you will receive what you want. So what kind of spells are available and which ones suit your needs the best? Let’s take a look at the many options you have at your disposal.

%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...

masabamasaba

VTU technical seminar 8Th Sem on Scikit-learn

AmarnathKambale

WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation

WSO2

Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...

Bert Jan Schrijver

tonesoftg

lanshi9

We specialize in Psychic Readings, Psychic Love Spells, Binding Love Spells, Obsession Spells, Voodoo Spells, Lottery Spells, Marriage Spells, Black Magic Spells, Palm Readings & much more. Are you depressed? We perform this come-to-me love spell that works instantly with the aim of bringing back the victim to the person performing the magic. Have you lost your lover? We perform this come-to-me love spell that works instantly with the aim of bringing back the victim to the person performing the magic. Have you lost your lover? Do u need to solve any relationship problem? Contact the powerful spells caster chief kule with love spells that work overnight and love spells that really work. Have you found yourself infatuated with a special someone you think could be the one? Are you looking for a spell to provide them with a nudge in the right direction? Or maybe the spell you cast didn’t achieve the results you were hoping for? Whether you’re new or versed in the ways of spell casting, we’re here to help. Today we’re going to provide you with a detailed guide on the types of love spells to cast. Not only that but there’s something for those who wish to find outside advice from more advanced spell casters. We’re also going to provide you with the top sites available to help you with your dilemma. Let’s begin our journey by educating ourselves on love magic and what a real love caster looks like. Love Magic and Love Casters Love magic made its first appearance back in Ancient Egypt and has been an active practice since. This type of magic is a branch of traditional magic and can be practiced in various ways. Typically the more common use of love magic is through the work of spells, but other methods look like Charms Rituals-LOVE Potions-Dolls and even Amulets If you are interested in becoming a love caster, be prepared for what’s to come. A genuine love caster knows that the art of love casting is no easy feat and shouldn’t be done casually. You should know that not only does it require you to be gifted spiritually, but you must be ready to serve others. Someone who is considered a real love caster has experience in all manner of spells, no matter the difficulty. Training yourself in attraction, commitment, and marriage spells is an excellent place to start. But this by no means will make you a professional. Practice your craft and expand your knowledge; understand that you will possess the ability to help others in time truly. Types of Love Spells What better way to start broadening your experiences with love spells than by learning more about them? These spells work like just about any other spell. Simply apply your intention, use a medium (sigils, mantras, candles, or charm bags), and top it off with establishing the belief that you will receive what you want. So what kind of spells are available and which ones suit your needs the best? Let’s take a look at the many options you have at your disposal.

%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...

masabamasaba

%in ivory park+277-882-255-28 abortion pills for sale in ivory park

masabamasaba

Announcing Codolex 2.0 from GDK Software

Jim McKeeth

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

Delhi Call girls

Data spaces in distributed environments should be allowed to evolve in agile ways providing data space owners with large flexibility about which data they store. Agility and heterogeneity, however, jeopardize data exchanges because representations may build on varying ontologies and data consumers may not rely on the semantic correctness of their queries in the context of semantically heterogeneous, evolving data spaces. Graph data spaces are one example of a powerful model for representing and querying data whose semantics may change over time. To assert and enforce conditions on individual graph data spaces, shape languages (e.g SHACL) have been developed. We investigate the question of how querying and programming can be guarded by reasoning over SHACL constraints in a distributed setting and we sketch a picture of how a future landscape based on semantically heterogeneous data spaces might look like.

Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...

Steffen Staab

The fast-paced world of Agile development just got a turbo boost! Dive into this engaging talk on "Innovation at Speed: ChatGPT & the AI Transformation in Agile Development." Over the last few months, AI, including notable tools like Google Bard and Microsoft Co-Pilot, has been leveraged to supercharge Agile workflows. In this session, attendees will get an overview of the current AI landscape and its impact on development. They will learn why AI is the game-changer needed to embrace in the Agile lifecycle, offering that elusive X factor to multiply productivity. Real-world examples will be presented, and the challenges of implementing AI tools like ChatGPT within corporate environments will be discussed.

Harnessing ChatGPT - Elevating Productivity in Today's Agile Environment

VictorSzoltysek

We specialize in Psychic Readings, Psychic Love Spells, Binding Love Spells, Obsession Spells, Voodoo Spells, Lottery Spells, Marriage Spells, Black Magic Spells, Palm Readings & much more. Are you depressed? We perform this come-to-me love spell that works instantly with the aim of bringing back the victim to the person performing the magic. Have you lost your lover? We perform this come-to-me love spell that works instantly with the aim of bringing back the victim to the person performing the magic. Have you lost your lover? Do u need to solve any relationship problem? Contact the powerful spells caster chief kule with love spells that work overnight and love spells that really work. Have you found yourself infatuated with a special someone you think could be the one? Are you looking for a spell to provide them with a nudge in the right direction? Or maybe the spell you cast didn’t achieve the results you were hoping for? Whether you’re new or versed in the ways of spell casting, we’re here to help. Today we’re going to provide you with a detailed guide on the types of love spells to cast. Not only that but there’s something for those who wish to find outside advice from more advanced spell casters. We’re also going to provide you with the top sites available to help you with your dilemma. Let’s begin our journey by educating ourselves on love magic and what a real love caster looks like. Love Magic and Love Casters Love magic made its first appearance back in Ancient Egypt and has been an active practice since. This type of magic is a branch of traditional magic and can be practiced in various ways. Typically the more common use of love magic is through the work of spells, but other methods look like Charms Rituals-LOVE Potions-Dolls and even Amulets If you are interested in becoming a love caster, be prepared for what’s to come. A genuine love caster knows that the art of love casting is no easy feat and shouldn’t be done casually. You should know that not only does it require you to be gifted spiritually, but you must be ready to serve others. Someone who is considered a real love caster has experience in all manner of spells, no matter the difficulty. Training yourself in attraction, commitment, and marriage spells is an excellent place to start. But this by no means will make you a professional. Practice your craft and expand your knowledge; understand that you will possess the ability to help others in time truly. Types of Love Spells What better way to start broadening your experiences with love spells than by learning more about them? These spells work like just about any other spell. Simply apply your intention, use a medium (sigils, mantras, candles, or charm bags), and top it off with establishing the belief that you will receive what you want. So what kind of spells are available and which ones suit your needs the best? Let’s take a look at the many options you have at your disposal.

%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...

masabamasaba

Kürzlich hochgeladen (20)

%in Midrand+277-882-255-28 abortion pills for sale in midrand

OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...

%+27788225528 love spells in Knoxville Psychic Readings, Attraction spells,Br...

+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...

W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...

%in Harare+277-882-255-28 abortion pills for sale in Harare

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

Large-scale Logging Made Easy: Meetup at Deutsche Bank 2024

%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...

VTU technical seminar 8Th Sem on Scikit-learn

WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation

Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...

tonesoftg

%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...

%in ivory park+277-882-255-28 abortion pills for sale in ivory park

Announcing Codolex 2.0 from GDK Software

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...

Harnessing ChatGPT - Elevating Productivity in Today's Agile Environment

%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...

Testing Ginormous JavaScript Apps - ScotlandJS 2014

1. Testing Ginormous JavaScript Apps Giganotosaurus http://www.jurassicworld-movie.com/ community/forums/topic/31168 2014 #sjsPhilL

2. Phil @leggetter phil@leggetter.co.uk Caplin Systems ! #sjsPhilL

3. Discuss testing strategies for big apps (insert gif) Discussion Track Oviraptors #sjsPhilL

4. Caplin Trader 2 (CT2)! From ~2009 #sjsPhilL

5. Caplin Trader 2 #sjsPhilL

6. Caplin Trader 2 Codebase ~2011 • ~1,500 JavaScript files • ~250,000 LoC • ~120,000 test LoC • HTML Templates • CSS • Images • i18n • Config #sjsPhilL

7. Caplin Dev Practices • Multiple contributing teams • SCRUM - 2 week iteration • Continuous Integration & Delivery • Build status displayed on screen #sjsPhilL • A focus on Quality Software https://www.japanla.com/blog.php?blog_id=568

8. Testing Requirements • Cross-browser IE6+*, Firefox 3.5*+ & Chrome • Class-level Unit Tests • Application Acceptance Tests * Remember this was 2009 #sjsPhilL Saurophaganax http://www.statesymbolsusa.org/Oklahoma/OklahomaStateFossil.html

9. #sjsPhilL

10. Application ATs • Selenium Tests • Selenium User-Extensions • Actions, Accessors/Assertions & Locators • VM infrastructure for CI #sjsPhilL

11. 3 3. Launch browser + App AT Process #sjsPhilL 1 1. Pair Browser + Backend VM 2 2. Reset & restart backend services 5 5. Record results 4 4. Execute ATs 6 6. Reset backend services 8. Execute next test… 8 7 7. Restart/refresh browser

12. Test Results • ~1300 UTs • ~500 ATs • 50 pairs - VM infrastructure to parallelise tests #sjsPhilL • 8 Hours • We could only run a full suite of tests once per day - at night • Test results highly unreliable http://paintballkitty.spreadshirt.com/sad-dinosaur-A11954669

13. We Were Doing It Wrong! https://www.ﬂickr.com/photos/41187064@N03/3809454959/in/gallery-dreamyshade-72157622839898770/ #sjsPhilL

14. Others may still be doing it wrong. #sjsPhilL

15. What’s so Wrong? #sjsPhilL

16. Restarting Browser / Relaunching the App #sjsPhilL

17. Backend Services #sjsPhilL

18. Don’t Touch that DOM #sjsPhilL

19. Time to Start from Scratch #sjsPhilL

20. Improve Speed & Reliability • Full application running + relaunch • Backend services • DOM The long-necked Eodromaeus, or "dawn runner http://video.nationalgeographic.com/video/news/eodromaeus-dinosaur-discovery-vin #sjsPhilL

21. #sjsPhilL

22. Component/Module/ Feature/Blade #sjsPhilL

23. #sjsPhilL

24. /assets /feature-name #sjsPhilL

25. #sjsPhilL

26. Workbench #sjsPhilL

27. #sjsPhilL

28. Improve Speed & Reliability • Full application running + relaunch • Backend services • DOM #sjsPhilL Liopleurodon http://bloodhoundomega.deviantart.com/art/Liopleurodon-312292557

29. #sjsPhilL

30. Setting & Getting Services • Use a unique identifier for each service • Register (code or config). Code example: ! • Get http://martinfowler.com/articles/injection.html#ADynamicServiceLocator #sjsPhilL

31. Fake Services #sjsPhilL

32. Fake/Stub/Mock Services #sjsPhilL

33. #sjsPhilL

34. Real Services #sjsPhilL

35. Improve Speed & Reliability • Full application running + relaunch • Backend services • DOM #sjsPhilL Don’t Touch that DOM

36. MVVM #sjsPhilL

37. #sjsPhilL

38. Improve Speed & Reliability • Full application running + relaunch • Backend services • DOM #sjsPhilL

39. Argentinosaurus http://www.walkingwithdinosaurs.com/dinosaurs/detail/argentinosaurus/ The BIG win! #sjsPhilL

40. End-to-End Feature Testing • Testing features in isolation • Change view model and assert against mocked Service • Inject fake service, make calls and assert View Model #sjsPhilL

41. #sjsPhilL

42. Need Proof? Caplin Trader 2 Test suite >8 Hours Caplin Trader 3 Test suite < 30 Minutes #sjsPhilL

43. How Do You Test Ginormous JavaScript Apps? Have an Architecture Built for Testing 1. Components/Widgets/Modules 2. A Services Layer 3. MVVM - Don’t touch that DOM #sjsPhilL Supersaurus http://www.cfsl.net/forums/viewtopic.php?f=39&t=19496

44. Phil @leggetter phil@leggetter.co.uk Caplin Systems ! ! ! @BladeRunnerJS bladerunnerjs.org #sjsPhilL Tyrannosaurus Rex http://zorgor.wordpress.com/2012/12/24/cosmic-calendar-dinosaurs/

Testing Ginormous JavaScript Apps - ScotlandJS 2014

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (13)

Ähnlich wie Testing Ginormous JavaScript Apps - ScotlandJS 2014

Ähnlich wie Testing Ginormous JavaScript Apps - ScotlandJS 2014 (20)

Mehr von Phil Leggetter

Mehr von Phil Leggetter (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Testing Ginormous JavaScript Apps - ScotlandJS 2014