import { Model } from "../../../src";
import { createImage, updateFigure } from "../../test_helpers/commands_helpers";
import { simulateClick } from "../../test_helpers/dom_helper";
import { mountSpreadsheet } from "../../test_helpers/helpers";

describe("Image component", () => {
  test("Can reset the image size", async () => {
    const model = new Model({});
    const sheetId = model.getters.getActiveSheetId();
    createImage(model, { sheetId, figureId: "test", size: { width: 200, height: 200 } });
    await mountSpreadsheet({ model });
    updateFigure(model, {
      sheetId,
      figureId: "test",
      width: 300,
      height: 300,
      col: 0,
      row: 0,
    });
    await simulateClick(".o-figure");
    await simulateClick(".o-figure-menu-item");
    await simulateClick(".o-menu div[data-name='reset_size']");
    expect(model.getters.getFigure(sheetId, "test")).toMatchObject({ width: 200, height: 200 });
  });
});