|
1 | 1 | import { visit } from '@ember/test-helpers';
|
2 |
| -import $ from 'jquery'; |
3 | 2 | import { module, test } from 'qunit';
|
4 | 3 | import { setupApplicationTest } from 'ember-qunit';
|
5 | 4 | import config from 'ember-api-docs/config/environment';
|
6 | 5 |
|
7 | 6 | const { scrollContainerSelector } = config.APP;
|
| 7 | +const scrollSelector = document.querySelector(scrollContainerSelector); |
8 | 8 |
|
9 | 9 | module('Acceptance | scroll reset on transition', function(hooks) {
|
10 | 10 | setupApplicationTest(hooks);
|
11 | 11 |
|
12 | 12 | test('reset scroll on transitions', async function(assert) {
|
13 | 13 | await visit('/ember/2.15');
|
14 |
| - |
15 |
| - $(scrollContainerSelector).scrollTop(1000); |
16 |
| - assert.notEqual($(scrollContainerSelector).scrollTop(), 0, 'scroll position is NOT zero after scroll on fresh visit'); |
| 14 | + scrollSelector.scrollTo(0, 1000) |
| 15 | + assert.notEqual(scrollSelector.scrollY, 0, 'scroll position is NOT zero after scroll on fresh visit'); |
17 | 16 |
|
18 | 17 | await visit('/ember/1.0/classes/Ember.View');
|
19 | 18 |
|
20 |
| - assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is zero after transition to different route'); |
21 |
| - $(scrollContainerSelector).scrollTop(1000); |
| 19 | + assert.equal(scrollSelector.scrollTop, 0, 'scroll position is zero after transition to different route'); |
| 20 | + scrollSelector.scrollTo(0, 1000); |
22 | 21 |
|
23 | 22 | await visit('/ember/1.0/classes/Ember.Component');
|
24 | 23 |
|
25 |
| - assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after transition: project.version.class.index to project-version.class.index (same route different model)'); |
26 |
| - $(scrollContainerSelector).scrollTop(1000); |
| 24 | + assert.equal(scrollSelector.scrollTop, 0, 'scroll position is resetted after transition: project.version.class.index to project-version.class.index (same route different model)'); |
| 25 | + scrollSelector.scrollTo(0, 1000); |
27 | 26 |
|
28 | 27 | await visit('ember/1.0/modules/ember');
|
29 | 28 |
|
30 |
| - assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after transition: project-version.class.index to project-version.module.index'); |
31 |
| - $(scrollContainerSelector).scrollTop(1000); |
| 29 | + assert.equal(scrollSelector.scrollTop, 0, 'scroll position is resetted after transition: project-version.class.index to project-version.module.index'); |
| 30 | + scrollSelector.scrollTo(0, 1000); |
32 | 31 |
|
33 | 32 | await visit('ember/1.0/modules/runtime');
|
34 | 33 |
|
35 |
| - assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after transition: project-version.module.index to project-version.module.index (same route different model)'); |
36 |
| - $(scrollContainerSelector).scrollTop(1000); |
| 34 | + assert.equal(scrollSelector.scrollTop, 0, 'scroll position is resetted after transition: project-version.module.index to project-version.module.index (same route different model)'); |
| 35 | + scrollSelector.scrollTo(0, 1000); |
37 | 36 |
|
38 | 37 | await visit('ember/1.0/namespaces/Ember');
|
39 | 38 |
|
40 |
| - assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after transition: project-version.module.index to project-version.namespace.index'); |
41 |
| - $(scrollContainerSelector).scrollTop(1000); |
| 39 | + assert.equal(scrollSelector.scrollTop, 0, 'scroll position is resetted after transition: project-version.module.index to project-version.namespace.index'); |
| 40 | + scrollSelector.scrollTo(0, 1000); |
42 | 41 |
|
43 | 42 | await visit('ember/1.0/namespaces/Ember.run');
|
44 | 43 |
|
45 |
| - assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after transition: project-version.namespace.index to project-version.namespace.index (same route different model)'); |
46 |
| - $(scrollContainerSelector).scrollTop(1000); |
| 44 | + assert.equal(scrollSelector.scrollTop, 0, 'scroll position is resetted after transition: project-version.namespace.index to project-version.namespace.index (same route different model)'); |
| 45 | + scrollSelector.scrollTo(0, 1000); |
47 | 46 |
|
48 | 47 | await visit('ember/1.0/classes/Ember.RenderBuffer/');
|
49 | 48 |
|
50 |
| - assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after transition: project-version.namespace.index to project-version.class.index'); |
51 |
| - $(scrollContainerSelector).scrollTop(1000); |
| 49 | + assert.equal(scrollSelector.scrollTop, 0, 'scroll position is resetted after transition: project-version.namespace.index to project-version.class.index'); |
| 50 | + scrollSelector.scrollTo(0, 1000); |
52 | 51 |
|
53 | 52 | await visit('ember/1.0/classes/Ember.RenderBuffer/properties');
|
54 | 53 |
|
55 | 54 |
|
56 |
| - assert.notEqual($(scrollContainerSelector).scrollTop(), 0, 'scroll position is NOT resetted after changing tab in project-version.class (properties)'); |
57 |
| - $(scrollContainerSelector).scrollTop(1000); |
| 55 | + assert.notEqual(scrollSelector.scrollTop, 0, 'scroll position is NOT resetted after changing tab in project-version.class (properties)'); |
| 56 | + scrollSelector.scrollTo(0, 1000); |
58 | 57 |
|
59 | 58 | await visit('ember/1.0/classes/Ember.RenderBuffer/methods');
|
60 | 59 |
|
61 |
| - assert.notEqual($(scrollContainerSelector).scrollTop(), 0, 'scroll position is NOT resetted after changing tab in project-version.class (methods)'); |
62 |
| - $(scrollContainerSelector).scrollTop(1000); |
| 60 | + assert.notEqual(scrollSelector.scrollTop, 0, 'scroll position is NOT resetted after changing tab in project-version.class (methods)'); |
| 61 | + scrollSelector.scrollTo(0, 1000); |
63 | 62 |
|
64 | 63 | await visit('ember/1.0/classes/Ember.Route/methods');
|
65 | 64 |
|
66 |
| - assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after visiting route with same tab but different model'); |
| 65 | + assert.equal(scrollSelector.scrollTop, 0, 'scroll position is resetted after visiting route with same tab but different model'); |
67 | 66 |
|
68 | 67 | await visit('/ember/2.16');
|
69 |
| - $(scrollContainerSelector).scrollTop(1000); |
70 |
| - assert.notEqual($(scrollContainerSelector).scrollTop(), 0, 'scroll position is NOT zero after scroll on fresh visit'); |
| 68 | + scrollSelector.scrollTo(0, 1000); |
| 69 | + assert.notEqual(scrollSelector.scrollTop, 0, 'scroll position is NOT zero after scroll on fresh visit'); |
71 | 70 |
|
72 | 71 | await visit('/ember/2.15/classes/Ember.Error');
|
73 | 72 |
|
74 |
| - assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is zero after transition to different route'); |
| 73 | + assert.equal(scrollSelector.scrollTop, 0, 'scroll position is zero after transition to different route'); |
75 | 74 | });
|
76 | 75 | });
|
0 commit comments