Adventures In JavaScript Testing

Jul 6, 20096 likes1,548 views

Thomas Fuchs discusses the importance of testing JavaScript code and provides examples of how to do unit testing of JavaScript with tools like Firebug, Test::Unit, and Rake. He addresses common objections to testing JavaScript and provides tips for debugging JavaScript across different browsers.

Thomas Fuchs

Adventures in
JavaScript Testing

http://script.aculo.us/thomas

alert(“please use me only
where appropriate!”);

"JavaScript is
this thing for
funny mouse
trails, right?"

"WE DON'T NEED
NO STINKIN' TESTS
FOR TEN LINES
OF CODE!"

"ANYWAY, THERE
IS NO WAY TO
AUTOMATICALLY
TEST JAVASCRIPT!"

include unittest.js
(requires Prototype)

a DIV is required for
containing the test results
(defaults to "testlog")

create a new instance of
Test.Unit.Runner…

…this will excute all
methods starting with
"test"

(syntax strangeness
for more convenience
when calling assertions)

assert(expression)

assert(true) => PASS
assert(false) => FAIL
assert(2*2==4) => PASS

assertEqual(expected, actual)

assertEqual(‘a’,’a’) => PASS
assertEqual(‘a’,’b’) => FAIL
assertEqual(1,1) => PASS
assertEqual(1,’1’) => PASS

does not compare type

assertEnumEqual(expected, actual)

assertEnumEqual([1,2],[1,2]) => PASS

assertEqual([1,2],[1,2]) => FAIL

assertEqual does not
compare enum contents

assertNotEqual(expected, actual)

assertNotEqual(‘a’,’a’) => FAIL
assertNotEqual(‘a’,’b’) => PASS
assertNotEqual(1,1) => FAIL
assertNotEqual(1,’1’) => FAIL

does not compare type

assertMatch(expected, actual)

assertMatch(/a/,’a’) => PASS
assertMatch(/a/,’bab’) => PASS
assertMatch(/a/,’b’) => FAIL
assertMatch(/^moo$/,’moo’) => PASS

assertIdentical(expected, actual)

assertIdentical(‘a’,’a’) => PASS
assertIdentical(1,’1’) => FAIL

compares type

assertNotIdentical(expected, actual)

assertNotIdentical(‘a’,’a’) => FAIL
assertNotIdentical(1,’1’) => PASS

compares type

assertType(expected, actual)

assertType(String,’a’) => PASS
assertType(Number,1) => PASS
assertType(Array,[1,2]) => PASS

checks for a speciﬁc
constructor

assertRaise(exceptionName, method)

assertRaise(‘ElementDoesNotExistError’,
function(){
new Effect.Opacity(‘invalid-element’)
}
);

related effects.js code

assertVisible(element)

assertNotVisible(element)

also checks if any parent
elements are hidden and
fails/passes on that

info(message)

Displays arbitrary
messages in the "Message"
column of the test result

"WELL, WHAT ABOUT
FUNCTIONS THAT
RUN ASYNCHRONOUSLY?"

wait(milliseconds, method)

should be last statement in the
test (but can be nested)

"WELL, NICE. BUT IT'S
TEDIOUS TO RUN ALL THOSE
TESTS MANUALLY!"

rake test:javascripts

1. launches
web server
2. controls
browsers WEBrick
lists results
SUCCESS
FAILURE
ERROR
3. run tests

$ script/generate javascript_test muhaha
exists test/javascript
create test/javascript/muhaha_test.html

(symlink required:
app/test/javascript/assets to
app/vendor/plugins/javascript_test/assets)

$ script/plugin install http://dev.rubyonrails.org/svn/rails/plugins/javascript_test

≈
Firebug sliced bread

http://www.ﬂickr.com/photos/teagrrl/78941282/

Microsoft Script
Debugger for IE

http://blogs.msdn.com/ie/archive/2004/10/26/247912.aspx

Test with all
browsers
you want to
support

Source: http://www.ﬂickr.com/photos/icathing/26603225/

#prototype (freenode)
and
Rails Spinoffs Google Group

This document discusses JavaScript testing and provides examples of writing tests and using testing frameworks like QUnit and JSUnit. It covers: - Why test JavaScript code due to cross-browser issues and bugs - Components of a test suite including tests, assertions, and a test runner - Examples of writing basic tests with assertions and handling asynchronous tests - Popular JavaScript testing frameworks like QUnit, JSUnit, YUITest

Testing JavaScript ApplicationsThe Rolling Scopes

Understanding JavaScript TestingKissy Team

Testing javascript in the frontendFrederic CABASSUT

The document discusses test-driven development (TDD) and how to test JavaScript code from a frontend perspective. It goes through the TDD cycle of writing a failing test first, then just enough code to pass the test, and refactoring. It provides examples testing user interaction, DOM manipulation, and mocking methods like Date and browser APIs. The goal is to write tests for all aspects of a date picker component, including showing/hiding on focus/click and adding a "selected" class. Tips provided include finding bugs to write tests for, pairing during TDD, using web APIs in tests, and not testing the browser itself.

Painless JavaScript Testing with JestMichał Pierzchała

Jasmine - why JS tests don't smell fishyIgor Napierala

Unit testing JavaScript code with Jasmine allows developers to test functionality in isolation through matchers, spies, and asynchronous handling. Key benefits include cheaper QA, better documentation, improved code quality, and easier debugging. While some are deterred by complex asynchronous code or small projects, unit testing pays off through early bug detection and confidence that features work as intended.

Advanced Jasmine - Front-End JavaScript Unit TestingLars Thorup

This document discusses advanced techniques for front-end JavaScript unit testing using Jasmine, including mocking methods, constructors, timers, and AJX requests to test code in isolation without dependencies and speed up tests. It also covers spying on events, simulating CSS transitions, using custom matchers, structuring test code, and browser-specific testing. The presenter is Lars Thorup, a software developer and coach who founded ZeaLake and teaches agile and automated testing.

Unit testing with mochaRevath S Kumar

PL/SQL Unit Testing Can Be Fun!Raimonds Simanovskis

This document discusses unit testing PL/SQL code. It provides an example of a substring function and corresponding unit tests written using the ruby-plsql-spec library. Key benefits of the library include compact, readable syntax for writing tests, powerful features for complex test cases based on Ruby best practices, and being open-source. The document recommends it as an ideal language for PL/SQL testing and provides links for more information.

Javascript Testing with Jasmine 101Roy Yu

JavaScript TDD with Jasmine and KarmaChristopher Bartling

Qunit Java script Unakanksha arora

Introduction to ProtractorJie-Wei Wu

Stop Making Excuses and Start Testing Your JavaScriptRyan Anklam

The document provides tips for adding testing to JavaScript projects. It recommends choosing a testing environment and dialect, then setting up the tests by installing dependencies and configuring files. Common issues like testing asynchronous code and methods that call other methods can be addressed with spies, stubs, mocks and promises. Tests should focus on isolated units of code and avoid direct DOM manipulation when possible. Automating testing through build tools like Grunt and Testem helps to easily run and watch tests. Overall, the document emphasizes making testing easy by writing maintainable, modular code and setting up automation.

Jasmine BDD for JavascriptLuis Alfredo Porras Páez

AngularJS Unit Testing w/Karma and Jasminefoxp2code

This document provides instructions for setting up Angular unit testing with Karma and Jasmine. It discusses initializing Karma and Jasmine via NPM, configuring Karma, adding Angular and Angular mocks via Bower, writing describe and it blocks for tests, and using matchers and mocks like $httpBackend. The live coding section at the end indicates the document will demonstrate these concepts in real tests.

Test-Driven Development of AngularJS ApplicationsFITC

The document discusses test driven development for AngularJS applications. It outlines problems with traditional front-end development approaches like jQuery manipulation and lack of structure/modularity. The solution presented uses Node.js, NPM, Bower, Grunt, Jasmine and other tools to automate tasks, add structure and enable testing. Features of an example task tracking app are developed using a test-first approach with end-to-end and unit tests. The app is built incrementally by splitting development into small features and writing tests for each.

Unit testing JavaScript using Mocha and NodeJosh Mock

Unit tests in node.jsRotem Tamir

Testing JS with JasmineEvgeny Gurin

Jasmine is a JavaScript testing framework that can be used with JavaScript and CoffeeScript. It provides tools like suites, specs, matchers, spies and mocks to test asynchronous functions. Guard is a tool that can be used to automatically run Jasmine tests when files change. Jasmine-headless-webkit runs Jasmine tests in a headless browser environment. Jasmine-jquery adds jQuery specific matchers, fixtures, and event spies to Jasmine. Jasmine-ajax helps test ajax requests by defining responses and expectations.

Javascript unit testing, yes we can e bigAndy Peterson

This document discusses test-driven development for JavaScript using ScrewUnit and BlueRidge. It introduces the Carbon Five consulting firm and covers why JavaScript unit testing is important. It then demonstrates how to write behavioral tests using ScrewUnit's BDD style and shows a live example testing a wizard component. Some challenges of JavaScript testing like DOM cleanup and structure are addressed. The document emphasizes that JavaScript testing is possible and can be integrated into the development process.

Good karma: UX Patterns and Unit Testing in Angular with KarmaExoLeaders.com

Redux for ReactJS ProgrammersDavid Rodenas

This is the support of a course to teach mainly Redux, and Redux with React for Java and C# programmers. It is the third part of the course to recycle programmers from desktop app programming to web app programming. This course covers from history of Redux, its origin, step by step what is a reducer, and later concepts like reducer splitting, action handling, async and many more. You also can use repositories: - https://github.com/drpicox/learn-redux-bytesting - https://github.com/drpicox/learn-redux-zoo-bytesting To improve your skills.

Unit Testing Express MiddlewareMorris Singer

Even for JavaScript software developers well-versed in Agile practices, using test-driven development in Node.js and Express can be challenging. In this presentation, I identify solutions to some of the most significant challenges to using TDD with Express, including mocking data in MongoDB / Mongoose, using promises to control asynchronous testing in Mocha with Chai, and separating concerns to write robust and enduring test suites.

JS and patternsDavid Rodenas

Full Stack Unit TestingGlobalLogic Ukraine

This presentation deals with a complex approach to application testing in back end and front end parts, tests writing and common mistakes. It also includes a short overview of libraries and frameworks for creation of tests, as well as practical examples of code. Presentation by Pavlo Iuriichuk, Lead Software Engineer, GlobalLogic, Kyiv), delivered at an open techtalk on December 11, 2014. More details - http://globallogic.com.ua/report-web-testing-techtalk-2014

Unit Testing JavaScript ApplicationsYnon Perek

Intro to testing Javascript with jasmineTimothy Oxley

Testing with Jasmine provides a framework for writing and running unit tests in JavaScript. It uses a behavior-driven development (BDD) style in which each test specifies the expected behavior it is testing using a describe and it blocks. Within the it block, expect statements make assertions about the code being tested using matchers like toEqual. Jasmine provides spies for mocking function calls and stubs. Running tests involves including Jasmine library files and specs in an HTML page and executing them with a simple HTTP server. Jasmine can also be used to test views by creating DOM fixtures and making assertions about the rendered markup.

JavaScript Testing: Mocha + ChaiJames Cryer

This document discusses JavaScript testing frameworks and provides details on using Mocha and Chai. It recommends Mocha for its features like running tests on node.js and browsers, simplifying async code, and integration with continuous integration tools. Chai can be used for assertions with Mocha and provides different styles like should, expect, and assert. Examples are given for setting up tests in Mocha, writing a sample test, using hooks, modifying tests, and other Mocha features. CoffeeScript support is also mentioned.

Testing JavaScriptdhtml

This document discusses testing in JavaScript and XP methodologies. It defines different types of testing like unit testing and acceptance testing. It explains that testing verifies systems work as intended. There are internal qualities like ease of maintenance and external qualities like fulfilling requirements. Benefits of testing include facilitating change, ensuring all code paths work, and leading to cleaner code. Challenges include the hard work of testing and requiring team commitment. Examples of test cases and suites are provided along with tools for testing.

More Related Content

What's hot (20)

PL/SQL Unit Testing Can Be Fun!Raimonds Simanovskis

Javascript Testing with Jasmine 101Roy Yu

JavaScript TDD with Jasmine and KarmaChristopher Bartling

Qunit Java script Unakanksha arora

Introduction to ProtractorJie-Wei Wu

Stop Making Excuses and Start Testing Your JavaScriptRyan Anklam

Jasmine BDD for JavascriptLuis Alfredo Porras Páez

AngularJS Unit Testing w/Karma and Jasminefoxp2code

Test-Driven Development of AngularJS ApplicationsFITC

Unit testing JavaScript using Mocha and NodeJosh Mock

Unit tests in node.jsRotem Tamir

Testing JS with JasmineEvgeny Gurin

Javascript unit testing, yes we can e bigAndy Peterson

Good karma: UX Patterns and Unit Testing in Angular with KarmaExoLeaders.com

Redux for ReactJS ProgrammersDavid Rodenas

Unit Testing Express MiddlewareMorris Singer

JS and patternsDavid Rodenas

Full Stack Unit TestingGlobalLogic Ukraine

Unit Testing JavaScript ApplicationsYnon Perek

Intro to testing Javascript with jasmineTimothy Oxley

PL/SQL Unit Testing Can Be Fun!Raimonds Simanovskis

Javascript Testing with Jasmine 101Roy Yu

JavaScript TDD with Jasmine and KarmaChristopher Bartling

Qunit Java script Unakanksha arora

Introduction to ProtractorJie-Wei Wu

Stop Making Excuses and Start Testing Your JavaScriptRyan Anklam

Jasmine BDD for JavascriptLuis Alfredo Porras Páez

AngularJS Unit Testing w/Karma and Jasminefoxp2code

Test-Driven Development of AngularJS ApplicationsFITC

Unit testing JavaScript using Mocha and NodeJosh Mock

Unit tests in node.jsRotem Tamir

Testing JS with JasmineEvgeny Gurin

Javascript unit testing, yes we can e bigAndy Peterson

Good karma: UX Patterns and Unit Testing in Angular with KarmaExoLeaders.com

Redux for ReactJS ProgrammersDavid Rodenas

Unit Testing Express MiddlewareMorris Singer

JS and patternsDavid Rodenas

Full Stack Unit TestingGlobalLogic Ukraine

Unit Testing JavaScript ApplicationsYnon Perek

Intro to testing Javascript with jasmineTimothy Oxley

Viewers also liked (7)

JavaScript Testing: Mocha + ChaiJames Cryer

Testing JavaScriptdhtml

JSpec - A Javascript Unit Testing FrameworkLena Herrmann

Intro To JavaScript Unit Testing - Ran MizrahiRan Mizrahi

The document introduces JavaScript testing and test-driven development (TDD). It discusses why software projects fail, challenges of testing JavaScript code, and how to use the Mocha and ChaiJS frameworks for TDD and behavior-driven development (BDD). It provides an example of writing unit tests for a user service function using TDD principles, implementing the code to pass the tests, and running the tests with Mocha. Benefits of testing code include short feedback cycles, high test coverage, documentation of specifications, and less time spent debugging.

Zero to Testing in JavaScriptpamselle

This document provides an introduction to testing JavaScript code. It discusses: - The speaker's experience with test-driven development (TDD) and how it improved their code quality. - Why testing front-end code is important, even for non-critical logic. - An overview of behavior-driven development (BDD) and TDD approaches to writing tests first. - A walk-through example of writing a simple test for adding two numbers using the Mocha testing framework. - Popular JavaScript testing tools like Jasmine, Mocha, and libraries for spies, stubs and mocks like Sinon.js. - Tips for integrating testing into a development workflow

Testing Javascript Apps with Mocha and ChaiAndrew Winder

Testing NodeJS with Mocha, Should, Sinon, and JSCoveragemlilley

JavaScript Testing: Mocha + ChaiJames Cryer

Testing JavaScriptdhtml

JSpec - A Javascript Unit Testing FrameworkLena Herrmann

Intro To JavaScript Unit Testing - Ran MizrahiRan Mizrahi

Zero to Testing in JavaScriptpamselle

Testing Javascript Apps with Mocha and ChaiAndrew Winder

Testing NodeJS with Mocha, Should, Sinon, and JSCoveragemlilley

Similar to Adventures In JavaScript Testing (20)

Thomas Fuchs PresentationRubyOnRails_dude

This document discusses various tools and techniques for testing JavaScript code, including: 1. Unit testing frameworks like Test.Unit that allow writing tests with assertions and automatically running tests. 2. Using Rake tasks to automate running tests and controlling browsers. 3. Behavior-driven development (BDD) techniques like RSpec that allow writing tests as should/is statements directly on objects. 4. Debugging tools like Firebug, Safari Web Inspector, and Microsoft Script Debugger for troubleshooting JavaScript issues.

Automated javascript unit testingryan_chambers

The document discusses various options for automating JavaScript unit testing, including JS Test Driver, QUnit, Jasmine, and PhantomJS. It provides code examples for writing tests using these frameworks and running the tests with tools like Maven. Key frameworks mentioned are JS Test Driver, QUnit, Sinon.js, Jasmine, and tools like PhantomJS and Selenium for driver-based testing. Examples of integrating the tests into builds and IDEs like Eclipse are also provided.

Javascript testing: tools of the tradeJuanma Orta

Testing w-mocksMacon Pegram

Unit testing @ WordPress Meetup Tilburg 7 januari 2014Barry Kooij

This document discusses unit testing in WordPress. It defines unit testing as automated tests that check single assumptions of code. The benefits of unit testing are instant feedback, low chance of errors, and embedding knowledge in code. PHPUnit is introduced as the main tool for unit testing in WordPress. Key aspects of unit testing covered include the Arrange, Act, Assert structure of tests; writing tests before or after code; and common PHPUnit assertions. The document provides an example unit test and contact info for the author.

Jasmine with JS-Test-DriverDevesh Chanchlani

Workshop 5: JavaScript testingVisual Engineering

Javascript tdd byandreapaciollaAndrea Paciolla

We Are All Testers Now: The Testing Pyramid and Front-End DevelopmentAll Things Open

The document provides an overview of test-driven development (TDD) principles and how to implement testing for front-end development. It discusses the benefits of TDD, such as avoiding bad designs and preventing regressions. It also addresses common challenges with TDD, like slowing initial velocity and ignored tests over time. The document then covers different levels of testing, including unit tests, integration tests, and functional/end-to-end tests using the testing pyramid as a framework. It provides examples of writing tests for pure and impure functions using the Jest testing framework. Finally, it discusses functional testing using Cucumber.js behavior-driven development.

Keep your Wicket application in productionMartijn Dashorst

The document provides 6 ways to keep work from interfering with weekends by testing and monitoring Wicket applications. It recommends using WicketTester for component and Ajax testing without starting the server. It also suggests using PageChecker to validate pages against a policy file, EntityChecker to detect non-serializable objects attached to pages, MarkupValidator to ensure valid HTML, RequestLogger for decoded request information, and monitoring tools like Nagios for uptime and performance of production applications.

Angular Unit TestingAlessandro Giorgetti

Unit testing Angular applications is important to ensure components and services work as expected. There are several frameworks that can be used for Angular unit testing, including Jasmine for writing tests and Karma as a test runner. Key aspects of unit testing covered in the document include: using test doubles like stubs and spies to isolate the system under test; focusing tests on small units and targeting specific assertions; and dealing with asynchronous code. The document also provides examples of writing pure unit tests in Jasmine without dependencies and using spies to control dependencies.

Selenium with javaGousalya Ramachandran

Testing in JavaScript - August 2018 - WebElement BardejovMarian Rusnak

Bonnes pratiques de développement avec Node jsFrancois Zaninotto

This document discusses best practices for developing Node.js applications. It recommends using frameworks like Express for building web apps, libraries like Async to avoid callback hell, and organizing code into modular sub-applications. It also covers testing, error handling, documentation, and open-sourcing projects. Standards like Felix's Style Guide and domain-driven design principles are advocated. Communication channels like events, HTTP APIs, and WebSockets are examined.

JAVASCRIPT TDD(Test driven Development) & Qunit TutorialAnup Singh

1. The document discusses various topics related to testing JavaScript code including unit testing, test-driven development (TDD), the QUnit testing framework, mocking AJAX requests, and testing user actions. 2. Key points about QUnit include that it is a JavaScript unit testing framework used to test jQuery, jQuery UI, and other code. It allows writing tests, assertions, handling asynchronous code, and grouping tests into modules. 3. Mocking AJAX requests is discussed as a way to test code that relies on asynchronous requests without needing a server. The Mockjax library allows intercepting and simulating AJAX responses.

Javantura v2 - Making Java web-apps Groovy - Franjo ŽilićHUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association

33rd Degree 2013, Bad Tests, Good TestsTomek Kaczanowski

1. The document discusses good and bad practices for writing unit tests. It emphasizes that tests should verify the expected behavior, fail clearly when something goes wrong, and use mocks and isolation to focus on the code being tested. 2. Some examples of bad tests shown include tests that don't make assertions or assertions that don't provide useful information on failure. Real objects are also used instead of mocks, obscuring the test. 3. Good practices include using mocks to isolate the code being tested, making sure tests fail clearly when something goes wrong, and focusing tests on expected behavior through clear assertions. Automated testing, fixing broken tests, and mastering testing tools are also emphasized.

Selenium scripts help full for student .pptxabhiroopnigote

Selenium is an open-source automation tool primarily used for testing web applications. For students, learning and using Selenium can be incredibly beneficial in several ways: 🔹 Understanding Web Technologies Selenium helps students learn how websites work behind the scenes. It gives hands-on experience with: HTML, CSS, and JavaScript elements The Document Object Model (DOM) Browser behavior and interactions 🔹 Automation Skills Students can write scripts to: Automate repetitive web tasks (e.g., form submissions, logins) Scrape data from websites Test web applications automatically These skills are valuable not only in testing but also in data science and web development.

2013 DevFest Vienna - Bad Tests, Good TestsTomek Kaczanowski

The document discusses best practices for writing tests and test methods. Some key points: 1. Test method names should start with "should" to indicate the expected behavior, rather than just "test". Examples given are "shouldRejectInvalidRequests()" and "shouldSaveNewUserToDatabase()". 2. Tests should focus on testing one feature or behavior at a time. The example given is splitting a test into two separate tests - one for redirection on registration success and one for user notification. 3. Tests should be readable and understandable. Examples given are using descriptive variable names like ADMIN, LOGGED, GUEST rather than "user_1", and avoiding unnecessary details like "new URL(SERVER_

Introduction to Unit Testing with PHPUnitMichelangelo van Dam

This document introduces unit testing with PHPUnit. It discusses what unit testing is, why it's important, and tools like SimpleTest and PHPUnit. It provides examples of basic unit tests for a HelloWorld class using PHPUnit. It also covers more advanced testing techniques like data providers, expected exceptions, fixtures, doubles, mocks, stubs, and database testing using examples like testing a BankAccount class. The document provides hints and tips for unit testing MVC frameworks like Zend Framework.

Thomas Fuchs PresentationRubyOnRails_dude

Automated javascript unit testingryan_chambers

Javascript testing: tools of the tradeJuanma Orta

Testing w-mocksMacon Pegram

Unit testing @ WordPress Meetup Tilburg 7 januari 2014Barry Kooij

Jasmine with JS-Test-DriverDevesh Chanchlani

Workshop 5: JavaScript testingVisual Engineering

Javascript tdd byandreapaciollaAndrea Paciolla

We Are All Testers Now: The Testing Pyramid and Front-End DevelopmentAll Things Open

Keep your Wicket application in productionMartijn Dashorst

Angular Unit TestingAlessandro Giorgetti

Selenium with javaGousalya Ramachandran

Testing in JavaScript - August 2018 - WebElement BardejovMarian Rusnak

Bonnes pratiques de développement avec Node jsFrancois Zaninotto

JAVASCRIPT TDD(Test driven Development) & Qunit TutorialAnup Singh

Javantura v2 - Making Java web-apps Groovy - Franjo ŽilićHUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association

33rd Degree 2013, Bad Tests, Good TestsTomek Kaczanowski

Selenium scripts help full for student .pptxabhiroopnigote

2013 DevFest Vienna - Bad Tests, Good TestsTomek Kaczanowski

Introduction to Unit Testing with PHPUnitMichelangelo van Dam

More from Thomas Fuchs (9)

Zepto and the rise of the JavaScript Micro-FrameworksThomas Fuchs

The document discusses nano and pico frameworks for mobile JavaScript development. It highlights advantages of micro-frameworks like Zepto.js over larger frameworks, including smaller file size for faster loading, using native browser features instead of duplicating functionality, and focusing on the most common use cases. The document promotes micro-frameworks for mobile as they are lightweight, modular, and optimize for key tasks on resource-constrained devices.

Zepto.js, a jQuery-compatible mobile JavaScript framework in 2KThomas Fuchs

I Can't Believe It's Not FlashThomas Fuchs

The document discusses different techniques for animation and graphics rendering in web browsers, including CSS transforms and animations, Canvas, SVG, WebGL, and HTML5 video. It provides code examples and comparisons of performance between techniques like Canvas with JavaScript versus Flash. Key technologies mentioned are CSS transforms, requestAnimationFrame, Box2D physics engine, Raphael.js for vector graphics, and WebGL shaders.

Prototype & ScriptaculousThomas Fuchs

Extreme JavaScript PerformanceThomas Fuchs

Talk given at http://jsconf.eu 2009. You serve up your code gzipped. Your caches are properly configured. Your data (and scripts) are loaded on-demand. That's awesome—so don't stop there. Runtime is another source of slowdowns, and you can learn to conquer those, too. Learn how to benchmark your code to isolate performance issues, and what to do when you find them. The techniques you'll learn range from the normal (function inlining) to the extreme (unrolling loops).

TextorizeThomas Fuchs

Textorize is a Ruby library that allows for rendering text with subpixel antialiasing directly to PNG images using OS X's font rendering capabilities. It provides proper kerning and subpixel antialiasing, unlike other JavaScript-based solutions, but avoids the need for Flash, large JavaScript files, or font conversion. Textorize works directly from the command line and leverages installed system fonts.

Ruby On Rails IntroductionThomas Fuchs

Twistori TechThomas Fuchs

This document discusses the technical architecture of the Twistori website and application. It includes code snippets from Ruby, JavaScript, JSON, HTML, CSS, and SQLite files that are used to power the Twitter search functionality, cron jobs to update JSON files, and static and dynamic web pages using AJAX and a Ruby backend. It also provides statistics on the size of code files and number of tweets in the database.

Rich and Snappy Apps (No Scaling Required)Thomas Fuchs

Zepto and the rise of the JavaScript Micro-FrameworksThomas Fuchs

Zepto.js, a jQuery-compatible mobile JavaScript framework in 2KThomas Fuchs

I Can't Believe It's Not FlashThomas Fuchs

Prototype & ScriptaculousThomas Fuchs

Extreme JavaScript PerformanceThomas Fuchs

TextorizeThomas Fuchs

Ruby On Rails IntroductionThomas Fuchs

Twistori TechThomas Fuchs

Rich and Snappy Apps (No Scaling Required)Thomas Fuchs

Recently uploaded (20)

Quantum Computing Quick Research Guide by Arthur MorganArthur Morgan

This is a Quick Research Guide (QRG). QRGs include the following: - A brief, high-level overview of the QRG topic. - A milestone timeline for the QRG topic. - Links to various free online resource materials to provide a deeper dive into the QRG topic. - Conclusion and a recommendation for at least two books available in the SJPL system on the QRG topic. QRGs planned for the series: - Artificial Intelligence QRG - Quantum Computing QRG - Big Data Analytics QRG - Spacecraft Guidance, Navigation & Control QRG (coming 2026) - UK Home Computing & The Birth of ARM QRG (coming 2027) Any questions or comments? - Please contact Arthur Morgan at [email protected]. 100% human made.

How analogue intelligence complements AIPaul Rowe

Artificial Intelligence is providing benefits in many areas of work within the heritage sector, from image analysis, to ideas generation, and new research tools. However, it is more critical than ever for people, with analogue intelligence, to ensure the integrity and ethical use of AI. Including real people can improve the use of AI by identifying potential biases, cross-checking results, refining workflows, and providing contextual relevance to AI-driven results. News about the impact of AI often paints a rosy picture. In practice, there are many potential pitfalls. This presentation discusses these issues and looks at the role of analogue intelligence and analogue interfaces in providing the best results to our audiences. How do we deal with factually incorrect results? How do we get content generated that better reflects the diversity of our communities? What roles are there for physical, in-person experiences in the digital world?

Into The Box Conference Keynote Day 1 (ITB2025)Ortus Solutions, Corp

What is Model Context Protocol(MCP) - The new technology for communication bw...Vishnu Singh Chundawat

The MCP (Model Context Protocol) is a framework designed to manage context and interaction within complex systems. This SlideShare presentation will provide a detailed overview of the MCP Model, its applications, and how it plays a crucial role in improving communication and decision-making in distributed systems. We will explore the key concepts behind the protocol, including the importance of context, data management, and how this model enhances system adaptability and responsiveness. Ideal for software developers, system architects, and IT professionals, this presentation will offer valuable insights into how the MCP Model can streamline workflows, improve efficiency, and create more intuitive systems for a wide range of use cases.

HCL Nomad Web – Best Practices und Verwaltung von Multiuser-Umgebungenpanagenda

Webinar Recording: https://www.panagenda.com/webinars/hcl-nomad-web-best-practices-und-verwaltung-von-multiuser-umgebungen/ HCL Nomad Web wird als die nächste Generation des HCL Notes-Clients gefeiert und bietet zahlreiche Vorteile, wie die Beseitigung des Bedarfs an Paketierung, Verteilung und Installation. Nomad Web-Client-Updates werden “automatisch” im Hintergrund installiert, was den administrativen Aufwand im Vergleich zu traditionellen HCL Notes-Clients erheblich reduziert. Allerdings stellt die Fehlerbehebung in Nomad Web im Vergleich zum Notes-Client einzigartige Herausforderungen dar. Begleiten Sie Christoph und Marc, während sie demonstrieren, wie der Fehlerbehebungsprozess in HCL Nomad Web vereinfacht werden kann, um eine reibungslose und effiziente Benutzererfahrung zu gewährleisten. In diesem Webinar werden wir effektive Strategien zur Diagnose und Lösung häufiger Probleme in HCL Nomad Web untersuchen, einschließlich - Zugriff auf die Konsole - Auffinden und Interpretieren von Protokolldateien - Zugriff auf den Datenordner im Cache des Browsers (unter Verwendung von OPFS) - Verständnis der Unterschiede zwischen Einzel- und Mehrbenutzerszenarien - Nutzung der Client Clocking-Funktion

tecnologias de las primeras civilizaciones.pdffjgm517

Rusty Waters: Elevating Lakehouses Beyond Sparkcarlyakerly1

Spark is a powerhouse for large datasets, but when it comes to smaller data workloads, its overhead can sometimes slow things down. What if you could achieve high performance and efficiency without the need for Spark? At S&P Global Commodity Insights, having a complete view of global energy and commodities markets enables customers to make data-driven decisions with confidence and create long-term, sustainable value. 🌍 Explore delta-rs + CDC and how these open-source innovations power lightweight, high-performance data applications beyond Spark! 🚀

Technology Trends in 2025: AI and Big Data AnalyticsInData Labs

At InData Labs, we have been keeping an ear to the ground, looking out for AI-enabled digital transformation trends coming our way in 2025. Our report will provide a look into the technology landscape of the future, including: -Artificial Intelligence Market Overview -Strategies for AI Adoption in 2025 -Anticipated drivers of AI adoption and transformative technologies -Benefits of AI and Big data for your business -Tips on how to prepare your business for innovation -AI and data privacy: Strategies for securing data privacy in AI models, etc. Download your free copy nowand implement the key findings to improve your business.

TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...TrustArc

Most consumers believe they’re making informed decisions about their personal data—adjusting privacy settings, blocking trackers, and opting out where they can. However, our new research reveals that while awareness is high, taking meaningful action is still lacking. On the corporate side, many organizations report strong policies for managing third-party data and consumer consent yet fall short when it comes to consistency, accountability and transparency. This session will explore the research findings from TrustArc’s Privacy Pulse Survey, examining consumer attitudes toward personal data collection and practical suggestions for corporate practices around purchasing third-party data. Attendees will learn: - Consumer awareness around data brokers and what consumers are doing to limit data collection - How businesses assess third-party vendors and their consent management operations - Where business preparedness needs improvement - What these trends mean for the future of privacy governance and public trust This discussion is essential for privacy, risk, and compliance professionals who want to ground their strategies in current data and prepare for what’s next in the privacy landscape.

Complete Guide to Advanced Logistics Management Software in Riyadh.pdfSoftware Company

Explore the benefits and features of advanced logistics management software for businesses in Riyadh. This guide delves into the latest technologies, from real-time tracking and route optimization to warehouse management and inventory control, helping businesses streamline their logistics operations and reduce costs. Learn how implementing the right software solution can enhance efficiency, improve customer satisfaction, and provide a competitive edge in the growing logistics sector of Riyadh.

Linux Support for SMARC: How Toradex Empowers Embedded DevelopersToradex

Toradex brings robust Linux support to SMARC (Smart Mobility Architecture), ensuring high performance and long-term reliability for embedded applications. Here’s how: • Optimized Torizon OS & Yocto Support – Toradex provides Torizon OS, a Debian-based easy-to-use platform, and Yocto BSPs for customized Linux images on SMARC modules. • Seamless Integration with i.MX 8M Plus and i.MX 95 – Toradex SMARC solutions leverage NXP’s i.MX 8 M Plus and i.MX 95 SoCs, delivering power efficiency and AI-ready performance. • Secure and Reliable – With Secure Boot, over-the-air (OTA) updates, and LTS kernel support, Toradex ensures industrial-grade security and longevity. • Containerized Workflows for AI & IoT – Support for Docker, ROS, and real-time Linux enables scalable AI, ML, and IoT applications. • Strong Ecosystem & Developer Support – Toradex offers comprehensive documentation, developer tools, and dedicated support, accelerating time-to-market. With Toradex’s Linux support for SMARC, developers get a scalable, secure, and high-performance solution for industrial, medical, and AI-driven applications. Do you have a specific project or application in mind where you're considering SMARC? We can help with Free Compatibility Check and help you with quick time-to-market For more information: https://www.toradex.com/computer-on-modules/smarc-arm-family

AI EngineHost Review: Revolutionary USA Datacenter-Based Hosting with NVIDIA ...SOFTTECHHUB

I started my online journey with several hosting services before stumbling upon Ai EngineHost. At first, the idea of paying one fee and getting lifetime access seemed too good to pass up. The platform is built on reliable US-based servers, ensuring your projects run at high speeds and remain safe. Let me take you step by step through its benefits and features as I explain why this hosting solution is a perfect fit for digital entrepreneurs.

Increasing Retail Store Efficiency How can Planograms Save Time and Money.pptxAnoop Ashok

Big Data Analytics Quick Research Guide by Arthur MorganArthur Morgan

Procurement Insights Cost To Value Guide.pptxJon Hansen

Generative Artificial Intelligence (GenAI) in BusinessDr. Tathagat Varma

SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdfPrecisely

Greenhouse_Monitoring_Presentation.pptx.hpbmnnxrvb

Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies

IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv

Quantum Computing Quick Research Guide by Arthur MorganArthur Morgan

How analogue intelligence complements AIPaul Rowe

Into The Box Conference Keynote Day 1 (ITB2025)Ortus Solutions, Corp

What is Model Context Protocol(MCP) - The new technology for communication bw...Vishnu Singh Chundawat

HCL Nomad Web – Best Practices und Verwaltung von Multiuser-Umgebungenpanagenda

tecnologias de las primeras civilizaciones.pdffjgm517

Rusty Waters: Elevating Lakehouses Beyond Sparkcarlyakerly1

Technology Trends in 2025: AI and Big Data AnalyticsInData Labs

TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...TrustArc

Complete Guide to Advanced Logistics Management Software in Riyadh.pdfSoftware Company

Linux Support for SMARC: How Toradex Empowers Embedded DevelopersToradex

AI EngineHost Review: Revolutionary USA Datacenter-Based Hosting with NVIDIA ...SOFTTECHHUB

Increasing Retail Store Efficiency How can Planograms Save Time and Money.pptxAnoop Ashok

Big Data Analytics Quick Research Guide by Arthur MorganArthur Morgan

Procurement Insights Cost To Value Guide.pptxJon Hansen

Generative Artificial Intelligence (GenAI) in BusinessDr. Tathagat Varma

SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdfPrecisely

Greenhouse_Monitoring_Presentation.pptx.hpbmnnxrvb

Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies

IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv

Adventures In JavaScript Testing

1. Thomas Fuchs Adventures in JavaScript Testing

2. http://script.aculo.us/thomas

3. traditional javascript „testing“

5. alert(“please use me only where appropriate!”);

6. why?

7. "JavaScript is this thing for funny mouse trails, right?"

8. "BUT You CAN't DEBUG JavaScript!"

9. "WE DON'T NEED NO STINKIN' TESTS FOR TEN LINES OF CODE!"

10. "ANYWAY, THERE IS NO WAY TO AUTOMATICALLY TEST JAVASCRIPT!"

11. all of this is pure FUD

12. unit testing javascript

14. s from B orrow nit Test::U

15. include unittest.js (requires Prototype)

16. a DIV is required for containing the test results (defaults to "testlog")

17. create a new instance of Test.Unit.Runner…

18. …this will excute all methods starting with "test"

19. assert away!

20. (syntax strangeness for more convenience when calling assertions)

21. assert(expression) assert(true) => PASS assert(false) => FAIL assert(2*2==4) => PASS

22. assertEqual(expected, actual) assertEqual(‘a’,’a’) => PASS assertEqual(‘a’,’b’) => FAIL assertEqual(1,1) => PASS assertEqual(1,’1’) => PASS does not compare type

23. assertEnumEqual(expected, actual) assertEnumEqual([1,2],[1,2]) => PASS assertEqual([1,2],[1,2]) => FAIL assertEqual does not compare enum contents

24. assertNotEqual(expected, actual) assertNotEqual(‘a’,’a’) => FAIL assertNotEqual(‘a’,’b’) => PASS assertNotEqual(1,1) => FAIL assertNotEqual(1,’1’) => FAIL does not compare type

25. assertMatch(expected, actual) assertMatch(/a/,’a’) => PASS assertMatch(/a/,’bab’) => PASS assertMatch(/a/,’b’) => FAIL assertMatch(/^moo$/,’moo’) => PASS

26. assertIdentical(expected, actual) assertIdentical(‘a’,’a’) => PASS assertIdentical(1,’1’) => FAIL compares type

27. assertNotIdentical(expected, actual) assertNotIdentical(‘a’,’a’) => FAIL assertNotIdentical(1,’1’) => PASS compares type

28. assertType(expected, actual) assertType(String,’a’) => PASS assertType(Number,1) => PASS assertType(Array,[1,2]) => PASS checks for a speciﬁc constructor

29. assertRaise(exceptionName, method) assertRaise(‘ElementDoesNotExistError’, function(){ new Effect.Opacity(‘invalid-element’) } ); related effects.js code

30. assertRespondsTo(method, obj)

31. assertVisible(element) assertNotVisible(element) also checks if any parent elements are hidden and fails/passes on that

32. info(message) Displays arbitrary messages in the "Message" column of the test result

33. assertXYZ(params, message)

34. "WELL, WHAT ABOUT FUNCTIONS THAT RUN ASYNCHRONOUSLY?"

35. wait(milliseconds, method) should be last statement in the test (but can be nested)

36. Benchmarking

37. "WELL, NICE. BUT IT'S TEDIOUS TO RUN ALL THOSE TESTS MANUALLY!"

38. rake to the rescue

39. rake test:javascripts

42. javascript_test plugin

43. rake test:javascripts 1. launches web server 2. controls browsers WEBrick lists results SUCCESS FAILURE ERROR 3. run tests

44. $ script/generate javascript_test muhaha exists test/javascript create test/javascript/muhaha_test.html

45. just add your tests

46. (symlink required: app/test/javascript/assets to app/vendor/plugins/javascript_test/assets)

47. Browser deﬁnitions (add more!)

48. $ script/plugin install http://dev.rubyonrails.org/svn/rails/plugins/javascript_test

49. …and if something breaks?

50. ≈ Firebug sliced bread http://www.ﬂickr.com/photos/teagrrl/78941282/

51. Firebug Debugger

52. Firebug know your Ajax

53. Safari Web Inspector

54. Safari Debugging

55. Microsoft Script Debugger for IE http://blogs.msdn.com/ie/archive/2004/10/26/247912.aspx

56. Test with all browsers you want to support

58. get a setup that doesn‘t suck

59. Source: http://www.ﬂickr.com/photos/icathing/26603225/

60. + + 2 VMs: IE 6 IE 7

61. + + one machine to rule them all

62. #prototype (freenode) and Rails Spinoffs Google Group

Adventures In JavaScript Testing

Recommended

More Related Content

What's hot (20)

Viewers also liked (7)

Similar to Adventures In JavaScript Testing (20)

More from Thomas Fuchs (9)

Recently uploaded (20)

Adventures In JavaScript Testing