Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/spec/javascripts/lazy_loader_spec.js
diff options
context:
space:
mode:
Diffstat (limited to 'spec/javascripts/lazy_loader_spec.js')
-rw-r--r--spec/javascripts/lazy_loader_spec.js244
1 files changed, 0 insertions, 244 deletions
diff --git a/spec/javascripts/lazy_loader_spec.js b/spec/javascripts/lazy_loader_spec.js
deleted file mode 100644
index 82ab73c2170..00000000000
--- a/spec/javascripts/lazy_loader_spec.js
+++ /dev/null
@@ -1,244 +0,0 @@
-import LazyLoader from '~/lazy_loader';
-import { TEST_HOST } from './test_constants';
-import scrollIntoViewPromise from './helpers/scroll_into_view_promise';
-import waitForPromises from './helpers/wait_for_promises';
-import waitForAttributeChange from './helpers/wait_for_attribute_change';
-
-const execImmediately = callback => {
- callback();
-};
-
-describe('LazyLoader', function() {
- let lazyLoader = null;
-
- preloadFixtures('issues/issue_with_comment.html');
-
- describe('without IntersectionObserver', () => {
- beforeEach(function() {
- loadFixtures('issues/issue_with_comment.html');
-
- lazyLoader = new LazyLoader({
- observerNode: 'foobar',
- });
-
- spyOn(LazyLoader, 'supportsIntersectionObserver').and.callFake(() => false);
-
- spyOn(LazyLoader, 'loadImage').and.callThrough();
-
- spyOn(window, 'requestAnimationFrame').and.callFake(execImmediately);
- spyOn(window, 'requestIdleCallback').and.callFake(execImmediately);
-
- // Doing everything that happens normally in onload
- lazyLoader.register();
- });
-
- afterEach(() => {
- lazyLoader.unregister();
- });
-
- it('should copy value from data-src to src for img 1', function(done) {
- const img = document.querySelectorAll('img[data-src]')[0];
- const originalDataSrc = img.getAttribute('data-src');
-
- Promise.all([scrollIntoViewPromise(img), waitForAttributeChange(img, ['data-src', 'src'])])
- .then(() => {
- expect(LazyLoader.loadImage).toHaveBeenCalled();
- expect(img.getAttribute('src')).toBe(originalDataSrc);
- expect(img).toHaveClass('js-lazy-loaded');
- done();
- })
- .catch(done.fail);
- });
-
- it('should lazy load dynamically added data-src images', function(done) {
- const newImg = document.createElement('img');
- const testPath = `${TEST_HOST}/img/testimg.png`;
- newImg.className = 'lazy';
- newImg.setAttribute('data-src', testPath);
- document.body.appendChild(newImg);
-
- Promise.all([
- scrollIntoViewPromise(newImg),
- waitForAttributeChange(newImg, ['data-src', 'src']),
- ])
- .then(() => {
- expect(LazyLoader.loadImage).toHaveBeenCalledWith(newImg);
- expect(newImg.getAttribute('src')).toBe(testPath);
- expect(newImg).toHaveClass('js-lazy-loaded');
- done();
- })
- .catch(done.fail);
- });
-
- it('should not alter normal images', function(done) {
- const newImg = document.createElement('img');
- const testPath = `${TEST_HOST}/img/testimg.png`;
- newImg.setAttribute('src', testPath);
- document.body.appendChild(newImg);
-
- scrollIntoViewPromise(newImg)
- .then(waitForPromises)
- .then(() => {
- expect(LazyLoader.loadImage).not.toHaveBeenCalledWith(newImg);
- expect(newImg).not.toHaveClass('js-lazy-loaded');
- done();
- })
- .catch(done.fail);
- });
-
- it('should not load dynamically added pictures if content observer is turned off', done => {
- lazyLoader.stopContentObserver();
-
- const newImg = document.createElement('img');
- const testPath = `${TEST_HOST}/img/testimg.png`;
- newImg.className = 'lazy';
- newImg.setAttribute('data-src', testPath);
- document.body.appendChild(newImg);
-
- scrollIntoViewPromise(newImg)
- .then(waitForPromises)
- .then(() => {
- expect(LazyLoader.loadImage).not.toHaveBeenCalledWith(newImg);
- expect(newImg).not.toHaveClass('js-lazy-loaded');
- done();
- })
- .catch(done.fail);
- });
-
- it('should load dynamically added pictures if content observer is turned off and on again', done => {
- lazyLoader.stopContentObserver();
- lazyLoader.startContentObserver();
-
- const newImg = document.createElement('img');
- const testPath = `${TEST_HOST}/img/testimg.png`;
- newImg.className = 'lazy';
- newImg.setAttribute('data-src', testPath);
- document.body.appendChild(newImg);
-
- Promise.all([
- scrollIntoViewPromise(newImg),
- waitForAttributeChange(newImg, ['data-src', 'src']),
- ])
- .then(waitForPromises)
- .then(() => {
- expect(LazyLoader.loadImage).toHaveBeenCalledWith(newImg);
- expect(newImg).toHaveClass('js-lazy-loaded');
- done();
- })
- .catch(done.fail);
- });
- });
-
- describe('with IntersectionObserver', () => {
- beforeEach(function() {
- loadFixtures('issues/issue_with_comment.html');
-
- lazyLoader = new LazyLoader({
- observerNode: 'foobar',
- });
-
- spyOn(LazyLoader, 'loadImage').and.callThrough();
-
- spyOn(window, 'requestAnimationFrame').and.callFake(execImmediately);
- spyOn(window, 'requestIdleCallback').and.callFake(execImmediately);
-
- // Doing everything that happens normally in onload
- lazyLoader.register();
- });
-
- afterEach(() => {
- lazyLoader.unregister();
- });
-
- it('should copy value from data-src to src for img 1', function(done) {
- const img = document.querySelectorAll('img[data-src]')[0];
- const originalDataSrc = img.getAttribute('data-src');
-
- Promise.all([scrollIntoViewPromise(img), waitForAttributeChange(img, ['data-src', 'src'])])
- .then(() => {
- expect(LazyLoader.loadImage).toHaveBeenCalledWith(img);
- expect(img.getAttribute('src')).toBe(originalDataSrc);
- expect(img).toHaveClass('js-lazy-loaded');
- done();
- })
- .catch(done.fail);
- });
-
- it('should lazy load dynamically added data-src images', function(done) {
- const newImg = document.createElement('img');
- const testPath = `${TEST_HOST}/img/testimg.png`;
- newImg.className = 'lazy';
- newImg.setAttribute('data-src', testPath);
- document.body.appendChild(newImg);
-
- Promise.all([
- scrollIntoViewPromise(newImg),
- waitForAttributeChange(newImg, ['data-src', 'src']),
- ])
- .then(() => {
- expect(LazyLoader.loadImage).toHaveBeenCalledWith(newImg);
- expect(newImg.getAttribute('src')).toBe(testPath);
- expect(newImg).toHaveClass('js-lazy-loaded');
- done();
- })
- .catch(done.fail);
- });
-
- it('should not alter normal images', function(done) {
- const newImg = document.createElement('img');
- const testPath = `${TEST_HOST}/img/testimg.png`;
- newImg.setAttribute('src', testPath);
- document.body.appendChild(newImg);
-
- scrollIntoViewPromise(newImg)
- .then(waitForPromises)
- .then(() => {
- expect(LazyLoader.loadImage).not.toHaveBeenCalledWith(newImg);
- expect(newImg).not.toHaveClass('js-lazy-loaded');
- done();
- })
- .catch(done.fail);
- });
-
- it('should not load dynamically added pictures if content observer is turned off', done => {
- lazyLoader.stopContentObserver();
-
- const newImg = document.createElement('img');
- const testPath = `${TEST_HOST}/img/testimg.png`;
- newImg.className = 'lazy';
- newImg.setAttribute('data-src', testPath);
- document.body.appendChild(newImg);
-
- scrollIntoViewPromise(newImg)
- .then(waitForPromises)
- .then(() => {
- expect(LazyLoader.loadImage).not.toHaveBeenCalledWith(newImg);
- expect(newImg).not.toHaveClass('js-lazy-loaded');
- done();
- })
- .catch(done.fail);
- });
-
- it('should load dynamically added pictures if content observer is turned off and on again', done => {
- lazyLoader.stopContentObserver();
- lazyLoader.startContentObserver();
-
- const newImg = document.createElement('img');
- const testPath = `${TEST_HOST}/img/testimg.png`;
- newImg.className = 'lazy';
- newImg.setAttribute('data-src', testPath);
- document.body.appendChild(newImg);
-
- Promise.all([
- scrollIntoViewPromise(newImg),
- waitForAttributeChange(newImg, ['data-src', 'src']),
- ])
- .then(() => {
- expect(LazyLoader.loadImage).toHaveBeenCalledWith(newImg);
- expect(newImg).toHaveClass('js-lazy-loaded');
- done();
- })
- .catch(done.fail);
- });
- });
-});
generated by cgit v1.2.3 (git 2.25.1) at 2024-08-13 23:02:24 +0300