naver / egjs-imready / 19

pending completion

Build # 19

Build Type

push

travis-ci

Committed by

web-flow

Commit Message

feat: add hasError method (#8)

* feat: add hasError method

* skip: apply review

* skip: apply review

Run Details

104 of 130 branches covered (80.0%)

Branch coverage included in aggregate %.

2 of 2 new or added lines in 1 file covered. (100.0%)

322 of 329 relevant lines covered (97.87%)

29.05 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

96.94

/src/loaders/Loader.ts

/*
egjs-imready
Copyright (c) 2020-present NAVER Corp.
MIT license
*/
import Component from "@egjs/component";
import { addAutoSizer, removeAutoSizer } from "../AutoSizer";
import { ImReadyLoaderEvents, ImReadyLoaderOptions } from "../types";
import { removeEvent, hasSizeAttribute, hasLoadingAttribute, addEvent, hasSkipAttribute } from "../utils";


export default abstract class Loader<T extends HTMLElement = any> extends Component<ImReadyLoaderEvents> {
  public static EVENTS: string[] = [];
  public options!: ImReadyLoaderOptions;
  public abstract checkElement(): boolean;
  protected element!: T;
  protected isReady = false;
  protected isPreReady = false;
  protected hasDataSize = false;
  protected hasLoading = false;
  protected isSkip = false;

  constructor(element: HTMLElement, options: Partial<ImReadyLoaderOptions> = {}) {
    super();
    this.options = {
      prefix: "data-",
      ...options,
    };
    this.element = element as T;
    this.hasDataSize = hasSizeAttribute(element, this.options.prefix);
    this.hasLoading = hasLoadingAttribute(element);
    this.isSkip = hasSkipAttribute(this.element);
  }
  public check() {
    if (this.isSkip || hasSkipAttribute(this.element) || !this.checkElement()) {
      // I'm Ready
      this.onAlreadyReady(true);
      return false;
    }

    if (this.hasDataSize) {
      addAutoSizer(this.element, this.options.prefix);
    }
    if (this.hasDataSize || this.hasLoading) {
      // I'm Pre Ready
      this.onAlreadyPreReady();
    }
    // Wati Pre Ready, Ready
    return true;
  }
  public addEvents() {
    const element = this.element;
    (this.constructor as typeof Loader).EVENTS.forEach(name => {
      addEvent(element, name, this.onCheck);
    });
  }
  public destroy() {
    const element = this.element;
    (this.constructor as typeof Loader).EVENTS.forEach(name => {
      removeEvent(element, name, this.onCheck);
    });
    this.removeAutoSizer();
  }
  public removeAutoSizer() {
    if (this.hasDataSize) {
      // I'm already ready.
      const { prefix } = this.options;

      removeAutoSizer(this.element, prefix);
    }
  }
  public onCheck = (e?: Event) => {
    this.destroy();


    if (e && e.type === "error") {
      this.onError(this.element);
    }
    // I'm pre-ready and ready!
    const withPreReady = !this.hasDataSize && !this.hasLoading;

    this.onReady(withPreReady);
  };
  public onError(target: HTMLElement) {
    this.trigger("error", {
      element: this.element,
      target: target,
    });
  }
  public onPreReady() {
    if (this.isPreReady) {
      return;
    }
    this.isPreReady = true;
    this.trigger("preReady", {
      element: this.element,
      hasLoading: this.hasLoading,
      isSkip: this.isSkip,
    });
  }
  public onReady(withPreReady: boolean) {
    if (this.isReady) {
      return;
    }
    if (withPreReady) {
      this.isPreReady = true;
    }
    this.removeAutoSizer();
    this.isReady = true;
    this.trigger("ready", {
      element: this.element,
      withPreReady,
      hasLoading: this.hasLoading,
      isSkip: this.isSkip,
    });
  }
  public onAlreadyError(target: HTMLElement) {
    setTimeout(() => {
      this.onError(target);
    });
  }
  public onAlreadyPreReady() {
    setTimeout(() => {
      this.onPreReady();
    });
  }
  public onAlreadyReady(withPreReady: boolean) {
    setTimeout(() => {
      this.onReady(withPreReady);
    });
  }
}

1	/*
2	egjs-imready
3	Copyright (c) 2020-present NAVER Corp.
4	MIT license
5	*/
6	import Component from "@egjs/component";	1✔
7	import { addAutoSizer, removeAutoSizer } from "../AutoSizer";	1✔
8	import { ImReadyLoaderEvents, ImReadyLoaderOptions } from "../types";
9	import { removeEvent, hasSizeAttribute, hasLoadingAttribute, addEvent, hasSkipAttribute } from "../utils";	1✔
10
11
12	export default abstract class Loader<T extends HTMLElement = any> extends Component<ImReadyLoaderEvents> {	1✔
13	public static EVENTS: string[] = [];	1✔
14	public options!: ImReadyLoaderOptions;
15	public abstract checkElement(): boolean;
16	protected element!: T;
17	protected isReady = false;	64✔
18	protected isPreReady = false;	64✔
19	protected hasDataSize = false;	64✔
20	protected hasLoading = false;	64✔
21	protected isSkip = false;	64✔
22
23	constructor(element: HTMLElement, options: Partial<ImReadyLoaderOptions> = {}) {	65!
24	super();	128✔
25	this.options = {	64✔
26	prefix: "data-",
27	...options,
28	};
29	this.element = element as T;	64✔
30	this.hasDataSize = hasSizeAttribute(element, this.options.prefix);	64✔
31	this.hasLoading = hasLoadingAttribute(element);	64✔
32	this.isSkip = hasSkipAttribute(this.element);	64✔
33	}
34	public check() {	1✔
35	if (this.isSkip \|\| hasSkipAttribute(this.element) \|\| !this.checkElement()) {	64✔
36	// I'm Ready
37	this.onAlreadyReady(true);	7✔
38	return false;	7✔
39	}
40
41	if (this.hasDataSize) {	57✔
42	addAutoSizer(this.element, this.options.prefix);	22✔
43	}
44	if (this.hasDataSize \|\| this.hasLoading) {	57✔
45	// I'm Pre Ready
46	this.onAlreadyPreReady();	26✔
47	}
48	// Wati Pre Ready, Ready
49	return true;	57✔
50	}
51	public addEvents() {	38✔
52	const element = this.element;	38✔
53	(this.constructor as typeof Loader).EVENTS.forEach(name => {	38✔
54	addEvent(element, name, this.onCheck);	76✔
55	});
56	}
57	public destroy() {	38✔
58	const element = this.element;	38✔
59	(this.constructor as typeof Loader).EVENTS.forEach(name => {	38✔
60	removeEvent(element, name, this.onCheck);	76✔
61	});
62	this.removeAutoSizer();	38✔
63	}
64	public removeAutoSizer() {	1✔
65	if (this.hasDataSize) {	101✔
66	// I'm already ready.
67	const { prefix } = this.options;	44✔
68
69	removeAutoSizer(this.element, prefix);	44✔
70	}
71	}
72	public onCheck = (e?: Event) => {	64✔
73	this.destroy();	37✔
74
75
76	if (e && e.type === "error") {	37✔
77	this.onError(this.element);	5✔
78	}
79	// I'm pre-ready and ready!
80	const withPreReady = !this.hasDataSize && !this.hasLoading;	37✔
81
82	this.onReady(withPreReady);	37✔
83	};
84	public onError(target: HTMLElement) {	1✔
85	this.trigger("error", {	14✔
86	element: this.element,
87	target: target,
88	});
89	}
90	public onPreReady() {	1✔
91	if (this.isPreReady) {	34✔
92	return;	2✔
93	}
94	this.isPreReady = true;	32✔
95	this.trigger("preReady", {	32✔
96	element: this.element,
97	hasLoading: this.hasLoading,
98	isSkip: this.isSkip,
99	});
100	}
101	public onReady(withPreReady: boolean) {	1✔
102	if (this.isReady) {	62!
103	return;	×
104	}
105	if (withPreReady) {	62✔
106	this.isPreReady = true;	31✔
107	}
108	this.removeAutoSizer();	62✔
109	this.isReady = true;	62✔
110	this.trigger("ready", {	62✔
111	element: this.element,
112	withPreReady,
113	hasLoading: this.hasLoading,
114	isSkip: this.isSkip,
115	});
116	}
117	public onAlreadyError(target: HTMLElement) {	2✔
118	setTimeout(() => {	2✔
119	this.onError(target);	2✔
120	});
121	}
122	public onAlreadyPreReady() {	26✔
123	setTimeout(() => {	26✔
124	this.onPreReady();	26✔
125	});
126	}
127	public onAlreadyReady(withPreReady: boolean) {	7✔
128	setTimeout(() => {	7✔
129	this.onReady(withPreReady);	7✔
130	});
131	}
132	}	1✔

naver / egjs-imready / 19

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous