Chris Craik | b122baf | 2015-03-05 13:58:42 -0800 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <!-- |
| 3 | Copyright (c) 2015 The Chromium Authors. All rights reserved. |
| 4 | Use of this source code is governed by a BSD-style license that can be |
| 5 | found in the LICENSE file. |
| 6 | --> |
| 7 | |
| 8 | <link rel="import" href="/core/test_utils.html"> |
Chris Craik | 1983215 | 2015-04-16 15:43:38 -0700 | [diff] [blame] | 9 | <link rel="import" href="/core/trace_model/selection_state.html"> |
Chris Craik | b122baf | 2015-03-05 13:58:42 -0800 | [diff] [blame] | 10 | <link rel="import" href="/core/timeline_viewport.html"> |
| 11 | <link rel="import" href="/core/tracks/drawing_container.html"> |
| 12 | <link rel="import" href="/core/tracks/letter_dot_track.html"> |
| 13 | |
| 14 | <script> |
| 15 | 'use strict'; |
| 16 | |
| 17 | tv.b.unittest.testSuite(function() { |
| 18 | var LetterDotTrack = tv.c.tracks.LetterDotTrack; |
Chris Craik | 1983215 | 2015-04-16 15:43:38 -0700 | [diff] [blame] | 19 | var LetterDot = tv.c.tracks.LetterDot; |
Chris Craik | b122baf | 2015-03-05 13:58:42 -0800 | [diff] [blame] | 20 | var Selection = tv.c.Selection; |
| 21 | var SelectionState = tv.c.trace_model.SelectionState; |
| 22 | var Viewport = tv.c.TimelineViewport; |
| 23 | |
| 24 | var createItems = function() { |
| 25 | var items = [ |
Chris Craik | 1983215 | 2015-04-16 15:43:38 -0700 | [diff] [blame] | 26 | new LetterDot({selectionState: SelectionState.SELECTED}, 'a', 7, 5), |
| 27 | new LetterDot({selectionState: SelectionState.SELECTED}, 'b', 2, 20), |
| 28 | new LetterDot({selectionState: SelectionState.NONE}, 'c', 4, 35), |
| 29 | new LetterDot({selectionState: SelectionState.NONE}, 'd', 4, 50) |
Chris Craik | b122baf | 2015-03-05 13:58:42 -0800 | [diff] [blame] | 30 | ]; |
| 31 | return items; |
| 32 | }; |
| 33 | |
| 34 | test('instantiate', function() { |
| 35 | var items = createItems(); |
Chris Craik | b122baf | 2015-03-05 13:58:42 -0800 | [diff] [blame] | 36 | |
| 37 | var div = document.createElement('div'); |
| 38 | |
| 39 | var viewport = new Viewport(div); |
| 40 | var drawingContainer = new tv.c.tracks.DrawingContainer(viewport); |
| 41 | div.appendChild(drawingContainer); |
| 42 | |
| 43 | var track = LetterDotTrack(viewport); |
Chris Craik | b122baf | 2015-03-05 13:58:42 -0800 | [diff] [blame] | 44 | drawingContainer.appendChild(track); |
| 45 | |
| 46 | this.addHTMLOutput(div); |
| 47 | drawingContainer.invalidate(); |
| 48 | |
| 49 | track.items = items; |
| 50 | var dt = new tv.c.TimelineDisplayTransform(); |
Chris Craik | 1983215 | 2015-04-16 15:43:38 -0700 | [diff] [blame] | 51 | dt.xSetWorldBounds(0, 60, track.clientWidth); |
Chris Craik | b122baf | 2015-03-05 13:58:42 -0800 | [diff] [blame] | 52 | track.viewport.setDisplayTransformImmediately(dt); |
| 53 | }); |
| 54 | |
| 55 | test('selectionHitTesting', function() { |
| 56 | var items = createItems(); |
| 57 | |
| 58 | var track = new LetterDotTrack(new Viewport()); |
Chris Craik | b122baf | 2015-03-05 13:58:42 -0800 | [diff] [blame] | 59 | track.items = items; |
| 60 | |
| 61 | // Fake a view pixel size. |
| 62 | var devicePixelRatio = window.devicePixelRatio || 1; |
| 63 | var viewPixWidthWorld = 0.1 / devicePixelRatio; |
| 64 | |
| 65 | // Hit outside range |
| 66 | var selection = []; |
Chris Craik | 44c2820 | 2015-05-12 17:25:16 -0700 | [diff] [blame^] | 67 | track.addIntersectingEventsInRangeToSelectionInWorldSpace( |
Chris Craik | b122baf | 2015-03-05 13:58:42 -0800 | [diff] [blame] | 68 | 3, 4, viewPixWidthWorld, selection); |
| 69 | assert.equal(selection.length, 0); |
| 70 | |
| 71 | // Hit the first item, via pixel-nearness. |
| 72 | selection = []; |
Chris Craik | 44c2820 | 2015-05-12 17:25:16 -0700 | [diff] [blame^] | 73 | track.addIntersectingEventsInRangeToSelectionInWorldSpace( |
Chris Craik | b122baf | 2015-03-05 13:58:42 -0800 | [diff] [blame] | 74 | 19.98, 19.99, viewPixWidthWorld, selection); |
| 75 | assert.equal(selection.length, 1); |
Chris Craik | 1983215 | 2015-04-16 15:43:38 -0700 | [diff] [blame] | 76 | assert.equal(selection[0], items[1].modelItem); |
Chris Craik | b122baf | 2015-03-05 13:58:42 -0800 | [diff] [blame] | 77 | |
| 78 | // Hit the instance, between the 1st and 2nd snapshots |
| 79 | selection = []; |
Chris Craik | 44c2820 | 2015-05-12 17:25:16 -0700 | [diff] [blame^] | 80 | track.addIntersectingEventsInRangeToSelectionInWorldSpace( |
Chris Craik | b122baf | 2015-03-05 13:58:42 -0800 | [diff] [blame] | 81 | 30, 50, viewPixWidthWorld, selection); |
| 82 | assert.equal(selection.length, 2); |
Chris Craik | 1983215 | 2015-04-16 15:43:38 -0700 | [diff] [blame] | 83 | assert.equal(selection[0], items[2].modelItem); |
| 84 | assert.equal(selection[1], items[3].modelItem); |
| 85 | }); |
| 86 | |
Chris Craik | 44c2820 | 2015-05-12 17:25:16 -0700 | [diff] [blame^] | 87 | test('addEventNearToProvidedEventToSelection', function() { |
Chris Craik | 1983215 | 2015-04-16 15:43:38 -0700 | [diff] [blame] | 88 | var items = createItems(); |
| 89 | |
| 90 | var track = new LetterDotTrack(new Viewport()); |
| 91 | track.items = items; |
| 92 | |
| 93 | // Right from the middle of items. |
| 94 | var selection1 = []; |
Chris Craik | 44c2820 | 2015-05-12 17:25:16 -0700 | [diff] [blame^] | 95 | assert.isTrue(track.addEventNearToProvidedEventToSelection( |
Chris Craik | 1983215 | 2015-04-16 15:43:38 -0700 | [diff] [blame] | 96 | items[2].modelItem, 1, selection1)); |
| 97 | assert.equal(selection1.length, 1); |
| 98 | assert.equal(selection1[0], items[3].modelItem); |
| 99 | |
| 100 | // Left from the middle of items. |
| 101 | var selection2 = []; |
Chris Craik | 44c2820 | 2015-05-12 17:25:16 -0700 | [diff] [blame^] | 102 | assert.isTrue(track.addEventNearToProvidedEventToSelection( |
Chris Craik | 1983215 | 2015-04-16 15:43:38 -0700 | [diff] [blame] | 103 | items[2].modelItem, -1, selection2)); |
| 104 | assert.equal(selection2.length, 1); |
| 105 | assert.equal(selection2[0], items[1].modelItem); |
| 106 | |
| 107 | // Right from the right edge of items. |
| 108 | var selection3 = []; |
Chris Craik | 44c2820 | 2015-05-12 17:25:16 -0700 | [diff] [blame^] | 109 | assert.isFalse(track.addEventNearToProvidedEventToSelection( |
Chris Craik | 1983215 | 2015-04-16 15:43:38 -0700 | [diff] [blame] | 110 | items[3].modelItem, 1, selection3)); |
| 111 | assert.equal(selection3.length, 0); |
| 112 | |
| 113 | // Left from the left edge of items. |
| 114 | var selection4 = []; |
Chris Craik | 44c2820 | 2015-05-12 17:25:16 -0700 | [diff] [blame^] | 115 | assert.isFalse(track.addEventNearToProvidedEventToSelection( |
Chris Craik | 1983215 | 2015-04-16 15:43:38 -0700 | [diff] [blame] | 116 | items[0].modelItem, -1, selection4)); |
| 117 | assert.equal(selection4.length, 0); |
Chris Craik | b122baf | 2015-03-05 13:58:42 -0800 | [diff] [blame] | 118 | }); |
| 119 | }); |
| 120 | </script> |
| 121 | |