5530884421

pending completion

Build # 5530884421

Build Type

push

github

Committed by

daybrush

Commit Message

chore(release): Release 4.7.1

Run Details

197 of 320 branches covered (61.56%)

Branch coverage included in aggregate %.

621 of 819 relevant lines covered (75.82%)

3.29 hits per line

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

19.57

/src/pagination/renderer/FractionRenderer.ts

import { PAGINATION } from "../../const";
import { addClass } from "../../utils";

import Renderer from "./Renderer";

class FractionRenderer extends Renderer {
  private _prevIndex: number = -1;
  private _prevTotal: number = -1;

  public destroy(): void {
    this._prevIndex = -1;
    this._prevTotal = -1;
  }

  public render() {
    const flicking = this._flicking;
    const wrapper = this._wrapper;
    const pagination = this._pagination;
    const fractionWrapperClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_WRAPPER_SUFFIX}`;
    const fractionCurrentClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_CURRENT_SUFFIX}`;
    const fractionTotalClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_TOTAL_SUFFIX}`;

    addClass(wrapper, fractionWrapperClass);

    wrapper.innerHTML = pagination.renderFraction(fractionCurrentClass, fractionTotalClass);

    this.update(flicking.index);
  }

  public update(index: number) {
    const flicking = this._flicking;
    const wrapper = this._wrapper;
    const pagination = this._pagination;

    const anchorPoints = flicking.camera.anchorPoints;
    const currentIndex = anchorPoints.length > 0
      ? index - anchorPoints[0].panel.index + 1
      : 0;
    const anchorCount = anchorPoints.length;

    if (currentIndex === this._prevIndex && anchorCount === this._prevTotal) return;

    const fractionCurrentSelector = `.${pagination.classPrefix}-${PAGINATION.FRACTION_CURRENT_SUFFIX}`;
    const fractionTotalSelector = `.${pagination.classPrefix}-${PAGINATION.FRACTION_TOTAL_SUFFIX}`;

    const currentWrapper = wrapper.querySelector(fractionCurrentSelector) as HTMLElement;
    const totalWrapper = wrapper.querySelector(fractionTotalSelector) as HTMLElement;

    currentWrapper.innerHTML = pagination.fractionCurrentFormat(currentIndex);
    totalWrapper.innerHTML = pagination.fractionTotalFormat(anchorCount);

    this._prevIndex = currentIndex;
    this._prevTotal = anchorCount;
  }
}

export default FractionRenderer;

1	import { PAGINATION } from "../../const";	1✔
2	import { addClass } from "../../utils";	1✔
3
4	import Renderer from "./Renderer";	1✔
5
6	class FractionRenderer extends Renderer {	2!
7	private _prevIndex: number = -1;	×
8	private _prevTotal: number = -1;	×
9
10	public destroy(): void {	1✔
11	this._prevIndex = -1;	×
12	this._prevTotal = -1;	×
13	}
14
15	public render() {	1✔
16	const flicking = this._flicking;	×
17	const wrapper = this._wrapper;	×
18	const pagination = this._pagination;	×
19	const fractionWrapperClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_WRAPPER_SUFFIX}`;	×
20	const fractionCurrentClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_CURRENT_SUFFIX}`;	×
21	const fractionTotalClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_TOTAL_SUFFIX}`;	×
22
23	addClass(wrapper, fractionWrapperClass);	×
24
25	wrapper.innerHTML = pagination.renderFraction(fractionCurrentClass, fractionTotalClass);	×
26
27	this.update(flicking.index);	×
28	}
29
30	public update(index: number) {	1✔
31	const flicking = this._flicking;	×
32	const wrapper = this._wrapper;	×
33	const pagination = this._pagination;	×
34
35	const anchorPoints = flicking.camera.anchorPoints;	×
36	const currentIndex = anchorPoints.length > 0	×
37	? index - anchorPoints[0].panel.index + 1	×
38	: 0;
39	const anchorCount = anchorPoints.length;	×
40
41	if (currentIndex === this._prevIndex && anchorCount === this._prevTotal) return;	×
42
43	const fractionCurrentSelector = `.${pagination.classPrefix}-${PAGINATION.FRACTION_CURRENT_SUFFIX}`;	×
44	const fractionTotalSelector = `.${pagination.classPrefix}-${PAGINATION.FRACTION_TOTAL_SUFFIX}`;	×
45
46	const currentWrapper = wrapper.querySelector(fractionCurrentSelector) as HTMLElement;	×
47	const totalWrapper = wrapper.querySelector(fractionTotalSelector) as HTMLElement;	×
48
49	currentWrapper.innerHTML = pagination.fractionCurrentFormat(currentIndex);	×
50	totalWrapper.innerHTML = pagination.fractionTotalFormat(anchorCount);	×
51
52	this._prevIndex = currentIndex;	×
53	this._prevTotal = anchorCount;	×
54	}
55	}	1✔
56
57	export default FractionRenderer;	1✔

naver / egjs-flicking-plugins / 5530884421

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