const assert = require("assert");

Feature("Video timeline seek indicator").tag("@regress");

Scenario("Seek view should be in sync with indicator position", async ({ I, LabelStudio, AtVideoView, AtPanels }) => {
  const AtDetailsPanel = AtPanels.usePanel(AtPanels.PANEL.DETAILS);

  I.amOnPage("/");
  LabelStudio.init({
    config: `
<View>
  <Video name="video" value="$video" />
  <VideoRectangle name="box" toName="video" />

  <Labels name="videoLabels" toName="video">
    <Label value="Car" background="#944BFF"/>
    <Label value="Airplane" background="#98C84E"/>
    <Label value="Possum" background="#FA8C16"/>
  </Labels>
</View>`,
    data: { video: "./public/files/opossum_intro.webm" },
  });

  I.say("waitForObjectsReady");
  LabelStudio.waitForObjectsReady();
  AtDetailsPanel.collapsePanel();

  const trackBbox = await AtVideoView.grabTrackBoundingRect();
  let positionBbox = await AtVideoView.grabPositionBoundingRect();
  let indicatorBbox = await AtVideoView.grabIndicatorBoundingRect();

  assert.notDeepEqual({ x: 0, y: 0, width: 0, height: 0 }, trackBbox);
  assert.notDeepEqual({ x: 0, y: 0, width: 0, height: 0 }, positionBbox);
  assert.notDeepEqual({ x: 0, y: 0, width: 0, height: 0 }, indicatorBbox);

  const trackZeroX = trackBbox.x;
  const halfway = trackBbox.width / 2 + trackZeroX;

  {
    I.say("Drag the video position indicator to the right to the middle");

    AtVideoView.drag(positionBbox, halfway, 0);
    positionBbox = await AtVideoView.grabPositionBoundingRect();
    indicatorBbox = await AtVideoView.grabIndicatorBoundingRect();

    I.say("Check the video position indicator is close to 50%");
    const delta = Math.round(((positionBbox.x - trackBbox.x) / trackBbox.width) * 10) / 10;

    assert.equal(delta, 0.5);

    I.say("Check the video position indicator is within the seek indicator");
    assert.ok(
      indicatorBbox.x <= positionBbox.x,
      "Video position indicator not within the seek indicator when dragged near the midway point",
    );
    assert.ok(
      indicatorBbox.x + indicatorBbox.width >= positionBbox.x + positionBbox.width,
      "Video position indicator not within the seek indicator when dragged near the midway point",
    );
  }

  {
    I.say("Drag the video position indicator to the end");
    AtVideoView.drag(positionBbox, trackBbox.width + trackBbox.x);
    positionBbox = await AtVideoView.grabPositionBoundingRect();
    indicatorBbox = await AtVideoView.grabIndicatorBoundingRect();

    I.say("Check the video position indicator is close to 100%");
    const delta = Math.round(((positionBbox.x - trackBbox.x) / trackBbox.width) * 10) / 10;

    assert.equal(delta, 1);

    I.say("Check the video position indicator is within the seek indicator");
    assert.ok(
      indicatorBbox.x <= positionBbox.x,
      "Video position indicator not within the seek indicator when dragged to the end",
    );
    assert.ok(
      indicatorBbox.x + indicatorBbox.width >= positionBbox.x + positionBbox.width,
      "Video position indicator not within the seek indicator when dragged to the end",
    );
  }

  {
    I.say("Drag the video position indicator to the left to the middle");

    AtVideoView.drag(positionBbox, halfway);
    positionBbox = await AtVideoView.grabPositionBoundingRect();
    indicatorBbox = await AtVideoView.grabIndicatorBoundingRect();

    I.say("Check the video position indicator is close to 50%");
    const delta = Math.round(((positionBbox.x - trackBbox.x) / trackBbox.width) * 10) / 10;

    assert.equal(delta, 0.5);

    I.say("Check the video position indicator is within the seek indicator");
    assert.ok(
      indicatorBbox.x <= positionBbox.x,
      "Video position indicator not within the seek indicator when dragged back to the midway point",
    );
    assert.ok(
      indicatorBbox.x + indicatorBbox.width >= positionBbox.x + positionBbox.width,
      "Video position indicator not within the seek indicator when dragged back to the midway point",
    );
  }

  {
    I.say("Drag the video position indicator to the start");
    AtVideoView.drag(positionBbox, trackBbox.x, 0);
    positionBbox = await AtVideoView.grabPositionBoundingRect();
    indicatorBbox = await AtVideoView.grabIndicatorBoundingRect();

    I.say("Check the video position indicator is close to 0%");
    const delta = Math.round(((positionBbox.x - trackBbox.x) / trackBbox.width) * 10) / 10;

    assert.equal(delta, 0);

    I.say("Check the video position indicator is within the seek indicator");
    assert.ok(
      indicatorBbox.x <= positionBbox.x,
      "Video position indicator not within the seek indicator when dragged back to the starting point",
    );
    assert.ok(
      indicatorBbox.x + indicatorBbox.width >= positionBbox.x + positionBbox.width,
      "Video position indicator not within the seek indicator when dragged back to the starting point",
    );
  }

  {
    I.say("Click on the seek step forward button until the video position indicator is at the end");
    let indicatorPosX = indicatorBbox.x;

    I.say("Move the video position indicator to the end of the seek indicator");
    // indicator will have some gaps because of partially hidden last frame, which can't be accessed.
    // 30px is empirically determined to have at least one frame back,
    // so after this we'll go forward step by step until the indicator jumps to the next window
    const endOfSeeker = indicatorBbox.width + indicatorPosX - 30;
    const maxStepsForward = 5;

    await AtVideoView.drag(positionBbox, endOfSeeker, 0);
    indicatorBbox = await AtVideoView.grabIndicatorBoundingRect();

    I.say("Seeker should not have moved");
    assert.equal(indicatorBbox.x, indicatorPosX, "Seeker should not have moved from this one step movement");

    for (let i = 0; i < maxStepsForward; i++) {
      I.say("Click on the seek step forward button");
      await AtVideoView.clickSeekStepForward(1);
      indicatorBbox = await AtVideoView.grabIndicatorBoundingRect();

      if (indicatorBbox.x > indicatorPosX) break;
    }

    I.say("Seeker should now have moved to the right");
    assert.ok(indicatorBbox.x > indicatorPosX, "Seeker should have moved from these step forward movements");
    indicatorPosX = indicatorBbox.x;

    I.say("Click on the seek step backward button");
    await AtVideoView.clickSeekStepBackward(1);
    indicatorBbox = await AtVideoView.grabIndicatorBoundingRect();

    I.say("Seeker should now have moved to the left");
    assert.ok(indicatorBbox.x < indicatorPosX, "Seeker should have moved to the left from this one step movement");
  }
})
  .tag("@flakey")
  .retry(3);