3187995311

Build Type

github

Committed by GitHub

Commit Message

Merge aee2b6e77 into 34ca608cf

Pull Request Pull Request #735: feat: add renderOnSamekey for react-flicking

Run Details

516 of 1421 branches covered (36.31%)

Branch coverage included in aggregate %.

13 of 18 new or added lines in 1 file covered. (72.22%)

34 existing lines in 8 files now uncovered.

2218 of 3481 relevant lines covered (63.72%)

37.75 hits per line

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

67.78

/src/control/states/IdleState.ts

/*
 * Copyright (c) 2015 NAVER Corp.
 * egjs projects are licensed under the MIT license
 */
import { ComponentEvent } from "@egjs/component";

import { EVENTS } from "../../const/external";
import { getDirection } from "../../utils";

import State, { STATE_TYPE } from "./State";

/**
 * A default state when there's no user input and no animation's playing
 * @ko 사용자의 입력이 없고, 애니메이션이 동작하고있지 않은 기본 상태
 * @internal
 */
class IdleState extends State {
  /**
   * Whether user is clicking or touching
   * @ko 현재 사용자가 클릭/터치중인지 여부
   * @type {false}
   * @readonly
   */
  public readonly holding = false;
  /**
   * Whether Flicking's animating
   * @ko 현재 애니메이션 동작 여부
   * @type {false}
   * @readonly
   */
  public readonly animating = false;

  public onEnter() {
    this._delta = 0;
    this._targetPanel = null;
  }

  public onHold(ctx: Parameters<State["onHold"]>[0]): void {
    // Shouldn't do any action until any panels on flicking area
    const { flicking, axesEvent, transitTo } = ctx;

    if (flicking.renderer.panelCount <= 0) {
      transitTo(STATE_TYPE.DISABLED);
      return;
    }

    const holdStartEvent = new ComponentEvent(EVENTS.HOLD_START, {
      axesEvent
    });

    flicking.trigger(holdStartEvent);

    if (holdStartEvent.isCanceled()) {
      transitTo(STATE_TYPE.DISABLED);
    } else {
      transitTo(STATE_TYPE.HOLDING);
    }
  }

  // By methods call
  public onChange(ctx: Parameters<State["onChange"]>[0]): void {
    const { flicking, axesEvent, transitTo } = ctx;
    const controller = flicking.control.controller;
    const animatingContext = controller.animatingContext;

    const moveStartEvent = new ComponentEvent(EVENTS.MOVE_START, {
      isTrusted: axesEvent.isTrusted,
      holding: this.holding,
      direction: getDirection(animatingContext.start, animatingContext.end),
      axesEvent
    });
    flicking.trigger(moveStartEvent);

    if (moveStartEvent.isCanceled()) {
      transitTo(STATE_TYPE.DISABLED);
    } else {
      // Trigger AnimatingState's onChange, to trigger "move" event immediately
      transitTo(STATE_TYPE.ANIMATING).onChange(ctx);
    }
  }
}

export default IdleState;

1	/*	1✔
2	* Copyright (c) 2015 NAVER Corp.	1✔
3	* egjs projects are licensed under the MIT license	1✔
4	*/	1!
5	import { ComponentEvent } from "@egjs/component";	5✔
6		×
7	import { EVENTS } from "../../const/external";	6✔
8	import { getDirection } from "../../utils";	5✔
9		1✔
10	import State, { STATE_TYPE } from "./State";	6!
11
12	/**	1✔
13	* A default state when there's no user input and no animation's playing	1✔
14	* @ko 사용자의 입력이 없고, 애니메이션이 동작하고있지 않은 기본 상태	1!
15	* @internal
16	*/
17	class IdleState extends State {	18!
18	/**	×
19	* Whether user is clicking or touching
20	* @ko 현재 사용자가 클릭/터치중인지 여부
21	* @type {false}	×
22	* @readonly
23	*/
24	public readonly holding = false;	18!
25	/**
26	* Whether Flicking's animating
27	* @ko 현재 애니메이션 동작 여부
28	* @type {false}
29	* @readonly	1✔
30	*/	1!
31	public readonly animating = false;	17✔
32		×
33	public onEnter() {	5✔
34	this._delta = 0;	3✔
35	this._targetPanel = null;	3✔
36	}	1✔
37
38	public onHold(ctx: Parameters<State["onHold"]>[0]): void {	5✔
39	// Shouldn't do any action until any panels on flicking area
40	const { flicking, axesEvent, transitTo } = ctx;	9✔
41		1✔
42	if (flicking.renderer.panelCount <= 0) {	4!
43	transitTo(STATE_TYPE.DISABLED);	1✔
44	return;	1✔
45	}
46
47	const holdStartEvent = new ComponentEvent(EVENTS.HOLD_START, {	3✔
48	axesEvent
49	});
50		1✔
51	flicking.trigger(holdStartEvent);	4✔
52
53	if (holdStartEvent.isCanceled()) {	566!
54	transitTo(STATE_TYPE.DISABLED);
55	} else {
56	transitTo(STATE_TYPE.HOLDING);	3✔
57	}
58	}
59
60	// By methods call	563✔
61	public onChange(ctx: Parameters<State["onChange"]>[0]): void {	5✔
62	const { flicking, axesEvent, transitTo } = ctx;	6✔
63	const controller = flicking.control.controller;	2✔
64	const animatingContext = controller.animatingContext;	2✔
65
66	const moveStartEvent = new ComponentEvent(EVENTS.MOVE_START, {	2✔
67	isTrusted: axesEvent.isTrusted,	563✔
68	holding: this.holding,	563✔
69	direction: getDirection(animatingContext.start, animatingContext.end),
70	axesEvent	1✔
71	});	98✔
72	flicking.trigger(moveStartEvent);	100✔
73
74	if (moveStartEvent.isCanceled()) {	3!
75	transitTo(STATE_TYPE.DISABLED);
76	} else {	42✔
77	// Trigger AnimatingState's onChange, to trigger "move" event immediately	42!
78	transitTo(STATE_TYPE.ANIMATING).onChange(ctx);	2✔
79	}
80	}
81	}	47✔
82
83	export default IdleState;	5✔

naver / egjs-flicking / 3187995311

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