Disable view source for Developer Tools.
[chromium-blink-merge.git] / chrome / test / data / third_party / spaceport / README.md
blobb37b76de957629d495e86049dd1b830e85777823
1 Basic benchmarks to measure HTML5 performance and support for game related features
3 Running the Tests
4 -----------------
6 1. Install [Node.js][1] (0.6.0+).
7 2. Run in shell: `npm install`
8 3. Run in shell: `node server`
9 4. Open in browser: `http://localhost:3002/`
10 5. Configure parameters of the test run, if desired.
11 6. Click "Run Tests".
12 7. If you uploaded results, see the `server/uploads/` directory.
14 [1]: http://nodejs.org/
16 Interpreting Results
17 --------------------
19 ### Sprite tests
21 The `Source type` indicates the data being displayed.
23 The `Technique` indicates the browser method used to render the data.
25 The `Test type` indicates what transformations were performed on the data using
26 the technique.
28 The `JS time (ms)` result shows how much JavaScript time was spent rendering
29 the objects in one second.
31 The `Objects at 30FPS` result shows how many objects were able to be rendered
32 while rendering at 30 frames per second.
34 ### Audio latency test
36 The `Cold play latency` indicates how much time it took between `.play()` and
37 the first subsequent `play` or `timeupdate` event on a new WAV `<audio>`
38 element.
40 The `Warm play latency` indicates how much time it took between `.play()` and
41 the first subsequent `play` or `timeupdate` event on a WAV `<audio>` element
42 which has already played.
44 ### Canvas text test
46 The `Score` result shows how many renders could be made per 100 milliseconds.
48 Code structure
49 --------------
51 Test cases are build into a recursive object structure.  Test cases are run
52 through the test runner in `js/testRunner.js`.
54 Test cases are displayed based upon the specification in `js/tables.js`.
56 ### Sprite tests
58 Sprite tests are found under `js/sprites/`.
60 There are three interleaved components:
62 #### Sources
64 Each source represents some asset (e.g. a sprite sheet).  Maps to the `Source
65 type` result.
67 #### Transformers
69 Transformers modify the source by applying affine or other transformations.
70 Maps to the `Test type` result.
72 #### Renderers
74 Renderers displayed transformed sources using different techniques.  Maps to the
75 `Technique` result.  See `js/sprites/renderers/README.md` for details.