ODFAutoTests Jos van den Oever.

Slides:



Advertisements
Similar presentations
DOCUMENT TYPES. Digital Documents Converting documents to an electronic format will preserve those documents, but how would such a process be organized?
Advertisements

HTML5 Overview HOANGPT2. 1. General 2. New Elements List 3.
HTML5, OVERVIEW AND NEW FEATURES PowerPoint by Mason O’Mara.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 4: Web Browsing.
Philly.NET Hands-On MVC Razor, HTML5, CSS3 Rob Keiser, Bill Wolff.
Lesson 4: Web Browsing.
HTML 5 Tutorial Chapter 1 Introduction. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML.
Web Platform Trident Browser Internet Explorer.
ADOBE DREAMWEAVER CS4 Creative Suite Dr. Joseph Otto Professor, Information Systems, California State University, Los Angeles.
Multiple Tiers in Action
DT228/3 Web Development JSP: Directives and Scripting elements.
Introduction to JavaScript. Aim To enable you to write you first JavaScript.
Quick Tour of the Web Technologies: The BIG picture LECTURE A bird’s eye view of the different web technologies that we shall explore and study.
HTML Overview for Proofreading. HTML layouts are divided into sections, and created in tables separating the images & content sections.
INTRODUCTION TO CLIENT-SIDE WEB PROGRAMMING ACM 511 ACM 262 Course Notes.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
4.1 JavaScript Introduction
By Jonathan French. What is CSS? Cascading Style Sheet Style sheet language Used for the look and formatting of a document written in a markup language.
JavaScript Teppo Räisänen LIIKE/OAMK HTML, CSS, JavaScript HTML defines the structure CSS defines the layout JavaScript is used for scripting It.
By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);
Web Programming: Client/Server Applications Server sends the web pages to the client. –built into Visual Studio for development purposes Client displays.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
Tutorial 10 Programming with JavaScript
Windows Core OS Services JavaScript (Chakra) C C++ C# VB Metro style apps Communication & Data Application Model Devices & Printing WinRT APIs Graphics.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
1 3 Computing System Fundamentals 3.4 Networked Computer Systems.
By Tharith Sriv. To write a web page you use: HHTML (HyperText Markup Language), AASP (Active Server Page), PPHP (HyperText Preprocessor), JJavaScript,
TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
Lesson 5 MULTIMEDIA. Multimedia on the Web has expanded rapidly as broadband connections have allowed users to connect at faster speeds. Almost all Web.
 Before you continue you should have a basic understanding of the following:  HTML  CSS  JavaScript.
Beginning JavaScript 4 th Edition. Chapter 1 Introduction to JavaScript and the Web.
Browser Compatibility Testing, using different browsers Conditional Statements.
SVG technology SVG technology is what we want? is what we want? Jaehoon Woo KNU Real-Time Systems Lab. KNU Real-Time Systems Lab.
Hyper Text Markup Language.  My First Heading My first paragraph. Example Explained The DOCTYPE declaration defines the document type The text between.
Part – 3 : HTML 5 SVG Tag. † SVG stands for Scalable Vector Graphics. † SVG is used to define vector-based graphics for the Web. † SVG defines the graphics.
Firefox Extensions Mike Takahashi Office of Instructional Development.
WebODF Jos van den Oever Sponsored by:. Overview  How to use WebODF on your website  How WebODF came to be  ODF and how to put it in HTML  Writing.
WebODF online and offline office Jos van den Oever Sponsored by:
WebODF Jos van den Oever WebODF online and offline office.
WebODF Jos van den Oever WebODF online and offline office.
Mapping ODF to HTML WebODF online and offline office.
Arklio Studija 2007 File: / / Page 1 Automated web application testing using Selenium
ODFKit and WebODF Getting up to speed ● ODF ● ODFKit ● WebODF Discussion and brainstorming ● How would you use it? ● Office use-cases in 2010 and beyond.
WebODF online and offline office Jos van den Oever Sponsored by:
Web Technologies Computing Science Thompson Rivers University
JavaScript and Ajax (Ajax Tutorial)
Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.
Tutorial 10 Programming with JavaScript
Suggestions for the next ODF version WebODF
ODF Community Site Jos van den Oever Logius
Introduction to ASP By “FlyingBono” 2009_01 By FlyingBono 2009_01
Lesson 4: Web Browsing.
Chapter 4: Scalable Vector Graphics (SVG)
HTML 5 Tutorial Chapter 1 Introduction.
Collaborative Editing on ODF Documents
Process of Converting “PSD to HTML”
NAME: Faraz Ahmed PROGRAM: BS Computer Science Submitted to Engr. Abdul Latif Shah SEMESTER: 2nd (Fall 2014) COURSE: Technical Report Writing STD-ID:
WEB PAGE AUTHORINHG AND DESIGNING
Browser Engine How it works…..
Unit 6 part 3 Test Javascript Test.
Web Page Design CIS 300.
Lesson 4: Web Browsing.
Lesson 5: Multimedia on the Web
ITI 163: Web, Mobile, and Social Media Design Introduction
Web Development 101 Workshop
Web Technologies Computing Science Thompson Rivers University
Web Programming and Design
Struts BY: Tejashri Udavant..
Presentation transcript:

ODFAutoTests Jos van den Oever

Standards, tests, code ODF

Plugfests: manual comparison

Tests in office suites load / save layout Calligra some unit tests cstester LibreOffice / OpenOffice convwatch, lenient-pdf-compare WebODF Abiword cyclone3, officeotron

Tests in web browsers: ACID

Box Acid Test (Acid1) 1998 Todd Fahrner CSS 1

Acid2 April 2005 Ian Hickson CSS 2.1 HTML PNG Safari passed in October 2005 Opera, Konqueror, Firefox followed soon In 2009, Internet Explorer 8 passed

Acid3 March 2008 Ian Hickson DOM JavaScript SVG Embedded fonts In 2010, WebKit and Firefox pass In 2012, Internet Explorer 10 passed Mobile browsers mostly pass

Acid tests for ODF HTML is read-only, ODF is read / write ODF has no standardized scripting language HTML has no competition, ODF has OOXML ODF is usually not a text file, but a zip file

ODFAutoTests http://gitorious.org/odfautotests Easy to: write tests automatically run tests in different suites to evaluate results automatically

What it can test Loading of file not crashing or hanging Saving a file creating valid ODF storing valuable content Printing (more precisely: creating a PDF) drawing the content correctly

Writing tests Input: XML file with suite configuration XML file with tests Fragment of ODF Description of result: XPath or mask Output: HTML and XML with test results PDF and PNG with renderings

Load/save example

Load/save example 2

Problems with layout testing differences in installed fonts installed languages (hyphenation) differences in rendering of fonts differences in anti-aliasing

Layout example: two columns + = pdf of odt svg mask should be white + =

Getting started git clone https://git.gitorious.org/odfautotests/odfautotests.git cd odfautotests ant java -jar odfautotests.jar config.xml tests.xml This gives you: report.xml report.html

ODFAutoTests http://gitorious.org/odfautotests Easy to: write tests automatically run tests in different suites to evaluate results automatically