🔥 removing jquery from scroll-reset-on-transition-test

Author: dbendaou

tests/acceptance/scroll-reset-on-transition-test.js

@@ -1,5 +1,4 @@
 import { visit } from '@ember/test-helpers';
-import $ from 'jquery';
 import { module, test } from 'qunit';
 import { setupApplicationTest } from 'ember-qunit';
 import config from 'ember-api-docs/config/environment';
@@ -9,68 +8,71 @@ const { scrollContainerSelector } = config.APP;
 module('Acceptance | scroll reset on transition', function(hooks) {
   setupApplicationTest(hooks);
 
+  hooks.beforeEach(function() {
+    this.scrollSelector = document.querySelector(scrollContainerSelector);
+  });
+
   test('reset scroll on transitions', async function(assert) {
     await visit('/ember/2.15');
-
-    $(scrollContainerSelector).scrollTop(1000);
-    assert.notEqual($(scrollContainerSelector).scrollTop(), 0, 'scroll position is NOT zero after scroll on fresh visit');
+    this.scrollSelector.scrollTo(0, 1000)
+    assert.notEqual(this.scrollSelector.scrollY, 0, 'scroll position is NOT zero after scroll on fresh visit');
 
     await visit('/ember/1.0/classes/Ember.View');
 
-    assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is zero after transition to different route');
-    $(scrollContainerSelector).scrollTop(1000);
+    assert.equal(this.scrollSelector.scrollTop, 0, 'scroll position is zero after transition to different route');
+    this.scrollSelector.scrollTo(0, 1000);
 
     await visit('/ember/1.0/classes/Ember.Component');
 
-    assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after transition: project.version.class.index to project-version.class.index (same route different model)');
-    $(scrollContainerSelector).scrollTop(1000);
+    assert.equal(this.scrollSelector.scrollTop, 0, 'scroll position is resetted after transition: project.version.class.index to project-version.class.index (same route different model)');
+    this.scrollSelector.scrollTo(0, 1000);
 
     await visit('ember/1.0/modules/ember');
 
-    assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after transition: project-version.class.index to project-version.module.index');
-    $(scrollContainerSelector).scrollTop(1000);
+    assert.equal(this.scrollSelector.scrollTop, 0, 'scroll position is resetted after transition: project-version.class.index to project-version.module.index');
+    this.scrollSelector.scrollTo(0, 1000);
 
     await visit('ember/1.0/modules/runtime');
 
-    assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after transition: project-version.module.index to project-version.module.index (same route different model)');
-    $(scrollContainerSelector).scrollTop(1000);
+    assert.equal(this.scrollSelector.scrollTop, 0, 'scroll position is resetted after transition: project-version.module.index to project-version.module.index (same route different model)');
+    this.scrollSelector.scrollTo(0, 1000);
 
     await visit('ember/1.0/namespaces/Ember');
 
-    assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after transition: project-version.module.index to project-version.namespace.index');
-    $(scrollContainerSelector).scrollTop(1000);
+    assert.equal(this.scrollSelector.scrollTop, 0, 'scroll position is resetted after transition: project-version.module.index to project-version.namespace.index');
+    this.scrollSelector.scrollTo(0, 1000);
 
     await visit('ember/1.0/namespaces/Ember.run');
 
-    assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after transition: project-version.namespace.index to project-version.namespace.index (same route different model)');
-    $(scrollContainerSelector).scrollTop(1000);
+    assert.equal(this.scrollSelector.scrollTop, 0, 'scroll position is resetted after transition: project-version.namespace.index to project-version.namespace.index (same route different model)');
+    this.scrollSelector.scrollTo(0, 1000);
 
     await visit('ember/1.0/classes/Ember.RenderBuffer/');
 
-    assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after transition: project-version.namespace.index to project-version.class.index');
-    $(scrollContainerSelector).scrollTop(1000);
+    assert.equal(this.scrollSelector.scrollTop, 0, 'scroll position is resetted after transition: project-version.namespace.index to project-version.class.index');
+    this.scrollSelector.scrollTo(0, 1000);
 
     await visit('ember/1.0/classes/Ember.RenderBuffer/properties');
 
 
-    assert.notEqual($(scrollContainerSelector).scrollTop(), 0, 'scroll position is NOT resetted after changing tab in project-version.class (properties)');
-    $(scrollContainerSelector).scrollTop(1000);
+    assert.notEqual(this.scrollSelector.scrollTop, 0, 'scroll position is NOT resetted after changing tab in project-version.class (properties)');
+    this.scrollSelector.scrollTo(0, 1000);
 
     await visit('ember/1.0/classes/Ember.RenderBuffer/methods');
 
-    assert.notEqual($(scrollContainerSelector).scrollTop(), 0, 'scroll position is NOT resetted after changing tab in project-version.class (methods)');
-    $(scrollContainerSelector).scrollTop(1000);
+    assert.notEqual(this.scrollSelector.scrollTop, 0, 'scroll position is NOT resetted after changing tab in project-version.class (methods)');
+    this.scrollSelector.scrollTo(0, 1000);
 
     await visit('ember/1.0/classes/Ember.Route/methods');
 
-    assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is resetted after visiting route with same tab but different model');
+    assert.equal(this.scrollSelector.scrollTop, 0, 'scroll position is resetted after visiting route with same tab but different model');
 
     await visit('/ember/2.16');
-    $(scrollContainerSelector).scrollTop(1000);
-    assert.notEqual($(scrollContainerSelector).scrollTop(), 0, 'scroll position is NOT zero after scroll on fresh visit');
+    this.scrollSelector.scrollTo(0, 1000);
+    assert.notEqual(this.scrollSelector.scrollTop, 0, 'scroll position is NOT zero after scroll on fresh visit');
 
     await visit('/ember/2.15/classes/Ember.Error');
 
-    assert.equal($(scrollContainerSelector).scrollTop(), 0, 'scroll position is zero after transition to different route');
+    assert.equal(this.scrollSelector.scrollTop, 0, 'scroll position is zero after transition to different route');
   });
 });