Carousel testing

• Init

  • the container cannot have position static1ms ‣

    const position = getComputedStyle(carousel).position;
    expect(position).not.to.equal("static");

  • has horizontal scroll to 03ms ‣

    expect(carousel.scrollLeft).to.equal(0);
    expect(carousel.scrollFromLeft).to.equal(0);

  • checks scroll status0ms ‣

    expect(carousel.scrollFromLeft === 0).to.be.true;
    expect(carousel.scrollFromRight === 0).to.be.false;

• Move

  • goes to the end1ms ‣

    carousel.index = carousel.children.length - 1;
    expect(carousel.scrollFromLeft === 0).to.be.false;
    // expect(carousel.scrollFromRight === 0).to.be.true;

  • moves -11ms ‣

    carousel.index -= 1;
    expect(carousel.scrollFromLeft === 0).to.be.false;
    expect(carousel.scrollFromRight === 0).to.be.false;
    expect(carousel.index).to.equal(8);
    expect(carousel.scrollLeft).to.equal(3100);

  • moves +21ms ‣

    carousel.index += 2;
    expect(carousel.scrollFromLeft === 0).to.be.false;
    expect(carousel.scrollFromRight === 0).to.be.true;
    expect(carousel.index).to.equal(9);
    expect(carousel.scrollLeft).to.equal(3400);

  • moves 01ms ‣

    carousel.index = 0;
    expect(carousel.scrollFromLeft === 0).to.be.true;
    expect(carousel.scrollFromRight === 0).to.be.false;
    expect(carousel.index).to.equal(0);
    expect(carousel.scrollLeft).to.equal(0);

• Scroll

  • goes to the beginning1ms ‣

    carousel.scrollFromLeft = 0;
    expect(carousel.scrollFromLeft === 0).to.be.true;
    expect(carousel.scrollFromRight === 0).to.be.false;
    expect(carousel.index).to.equal(0);

  • goes to the end0ms ‣

    carousel.scrollFromRight = 0;
    expect(carousel.scrollFromLeft === 0).to.be.false;
    expect(carousel.scrollFromRight === 0).to.be.true;
    expect(carousel.index).to.equal(9);

  • scroll from left1ms ‣

    carousel.scrollFromLeft = 400;
    expect(carousel.scrollFromLeft).to.equal(400);
    expect(carousel.scrollFromRight).to.equal(3000);
    expect(carousel.index).to.equal(1);

  • advance scroll from left1ms ‣

    carousel.scrollFromLeft += carousel.clientWidth;
    expect(carousel.scrollFromLeft).to.equal(1000);
    expect(carousel.scrollFromRight).to.equal(2400);
    expect(carousel.index).to.equal(3);

  • scroll from right1ms ‣

    carousel.scrollFromRight = 400;
    expect(carousel.scrollFromLeft).to.equal(3000);
    expect(carousel.scrollFromRight).to.equal(400);
    expect(carousel.index).to.equal(8);

• Player

  • default interval is 5000ms0ms ‣

    expect(player.interval).to.equal(5000);

  • does not playing0ms ‣

    expect(player.isPlaying).to.be.false;

  • default step is 10ms ‣

    expect(player.step).to.equal(1);

  • status is playing0ms ‣

    player.play();
    expect(player.isPlaying).to.be.true;

  • status is stopped0ms ‣

    player.stop();
    expect(player.isPlaying).to.be.false;