@odoo/o-spreadsheet 14.0.1 → 15.0.0

package/tests/plugins/plugins/evaluation_test.ts

@@ -1,111 +0,0 @@
-import { args, functionRegistry } from "../../../src/functions/index";
-import { Model } from "../../../src/model";
-import "../../canvas.mock";
-import { getCell } from "../../helpers";
-
-let model: Model = new Model();
-beforeEach(() => {
-  model = new Model();
-});
-
-describe("evaluate formula getter", () => {
-  test("a ref in the current sheet", () => {
-    model.dispatch("SET_VALUE", { xc: "A1", text: "12" });
-    expect(model.getters.evaluateFormula("=A1")).toBe(12);
-  });
-
-  test("in another sheet", () => {
-    model.dispatch("CREATE_SHEET", { id: "42" });
-    const sheet2 = model["workbook"].visibleSheets[1];
-    model.dispatch("SET_VALUE", { xc: "A1", text: "11", sheetId: sheet2 });
-    expect(model.getters.evaluateFormula("=Sheet2!A1")).toBe(11);
-  });
-
-  // i think these formulas should throw
-  test("in a not existing sheet", () => {
-    expect(() => model.getters.evaluateFormula("=Sheet99!A1")).toThrow();
-  });
-
-  test("evaluate a cell in error", () => {
-    model.dispatch("SET_VALUE", { xc: "A1", text: "=mqsdlkjfqsdf(((--" });
-    expect(() => model.getters.evaluateFormula("=A1")).toThrow();
-  });
-
-  test("evaluate a pending cell (async)", () => {
-    model.dispatch("SET_VALUE", { xc: "A1", text: "=wait(99999)" });
-    expect(() => model.getters.evaluateFormula("=A1")).toThrow();
-  });
-
-  test("EVALUATE_CELLS with no argument re-evaluate all the cells", () => {
-    let value = 1;
-    functionRegistry.add("GETVALUE", {
-      description: "Get value",
-      compute: () => value,
-      args: args(``),
-      returns: ["NUMBER"],
-    });
-    model.dispatch("SET_VALUE", { xc: "A1", text: "=GETVALUE()" });
-    expect(getCell(model, "A1")!.value).toBe(1);
-    value = 2;
-    model.dispatch("EVALUATE_CELLS");
-    expect(getCell(model, "A1")!.value).toBe(2);
-  });
-
-  test("using cells in other sheets", () => {
-    model.dispatch("CREATE_SHEET", { id: "42" });
-    const s = model.getters.getSheets();
-    model.dispatch("ACTIVATE_SHEET", { from: s[1].id, to: s[0].id });
-    model.dispatch("SET_VALUE", { sheetId: s[1].id, xc: "A1", text: "12" });
-    model.dispatch("SET_VALUE", { sheetId: s[1].id, xc: "A2", text: "=A1" });
-    model.dispatch("SET_VALUE", { sheetId: s[0].id, xc: "A2", text: "=Sheet2!A1" });
-    expect(model.getters.getCell(0, 1, "Sheet1")!.value).toBe(12);
-  });
-
-  test("evaluate references with fixed indexes", () => {
-    model.dispatch("SET_VALUE", { xc: "A1", text: "1" });
-    model.dispatch("SET_VALUE", { xc: "A2", text: "2" });
-    model.dispatch("SET_VALUE", { xc: "A3", text: "=A1" });
-    model.dispatch("SET_VALUE", { xc: "A4", text: "=$A1" });
-    model.dispatch("SET_VALUE", { xc: "A5", text: "=A$1" });
-    model.dispatch("SET_VALUE", { xc: "A6", text: "=$A$1" });
-    model.dispatch("SET_VALUE", { xc: "B3", text: "=sum(A$1:A2)" });
-    model.dispatch("SET_VALUE", { xc: "B4", text: "=sum(A$1:A$2)" });
-    model.dispatch("SET_VALUE", { xc: "B5", text: "=sum($A$1:A2)" });
-    model.dispatch("SET_VALUE", { xc: "B6", text: "=sum($A$1:$A$2)" });
-
-    expect(model.getters.getCell(0, 2, "Sheet1")!.value).toBe(1);
-    expect(model.getters.getCell(0, 3, "Sheet1")!.value).toBe(1);
-    expect(model.getters.getCell(0, 4, "Sheet1")!.value).toBe(1);
-    expect(model.getters.getCell(0, 5, "Sheet1")!.value).toBe(1);
-
-    expect(model.getters.getCell(1, 2, "Sheet1")!.value).toBe(3);
-    expect(model.getters.getCell(1, 3, "Sheet1")!.value).toBe(3);
-    expect(model.getters.getCell(1, 4, "Sheet1")!.value).toBe(3);
-    expect(model.getters.getCell(1, 5, "Sheet1")!.value).toBe(3);
-  });
-
-  test("evaluate function with fixed reference to another sheet", () => {
-    model.dispatch("CREATE_SHEET", { id: "42", name: "second sheet" });
-
-    model.dispatch("SET_VALUE", { xc: "A1", text: "1", sheetId: "42" });
-    model.dispatch("SET_VALUE", { xc: "A2", text: "2", sheetId: "42" });
-    model.dispatch("SET_VALUE", { xc: "A3", text: "='second sheet'!A1" });
-    model.dispatch("SET_VALUE", { xc: "A4", text: "='second sheet'!$A1" });
-    model.dispatch("SET_VALUE", { xc: "A5", text: "='second sheet'!A$1" });
-    model.dispatch("SET_VALUE", { xc: "A6", text: "='second sheet'!$A$1" });
-    model.dispatch("SET_VALUE", { xc: "B3", text: "=sum('second sheet'!A$1:A2)" });
-    model.dispatch("SET_VALUE", { xc: "B4", text: "=sum('second sheet'!A$1:A$2)" });
-    model.dispatch("SET_VALUE", { xc: "B5", text: "=sum('second sheet'!$A$1:A2)" });
-    model.dispatch("SET_VALUE", { xc: "B6", text: "=sum('second sheet'!$A$1:$A$2)" });
-
-    expect(model.getters.getCell(0, 2, "Sheet1")!.value).toBe(1);
-    expect(model.getters.getCell(0, 3, "Sheet1")!.value).toBe(1);
-    expect(model.getters.getCell(0, 4, "Sheet1")!.value).toBe(1);
-    expect(model.getters.getCell(0, 5, "Sheet1")!.value).toBe(1);
-
-    expect(model.getters.getCell(1, 2, "Sheet1")!.value).toBe(3);
-    expect(model.getters.getCell(1, 3, "Sheet1")!.value).toBe(3);
-    expect(model.getters.getCell(1, 4, "Sheet1")!.value).toBe(3);
-    expect(model.getters.getCell(1, 5, "Sheet1")!.value).toBe(3);
-  });
-});

package/tests/plugins/renderer_test.ts

@@ -1,598 +0,0 @@
-import {
-  DEFAULT_CELL_HEIGHT,
-  DEFAULT_CELL_WIDTH,
-  HEADER_HEIGHT,
-  HEADER_WIDTH,
-} from "../../src/constants";
-import { toCartesian, toZone } from "../../src/helpers";
-import { Model } from "../../src/model";
-import { RendererPlugin } from "../../src/plugins/renderer";
-import { Box, GridRenderingContext, Viewport } from "../../src/types";
-import { MockCanvasRenderingContext2D } from "../canvas.mock";
-import { createEqualCF } from "../helpers";
-
-MockCanvasRenderingContext2D.prototype.measureText = function (text: string) {
-  return { width: text.length };
-};
-
-function setCellContent(
-  model: Model,
-  xc: string,
-  content: string,
-  sheet: string = model["workbook"].visibleSheets[0]
-) {
-  const [col, row] = toCartesian(xc);
-  model.dispatch("UPDATE_CELL", { col, row, sheet, content });
-}
-
-function getBoxFromText(model: Model, text: string): Box {
-  const rendererPlugin = (model["handlers"].find(
-    (h) => h instanceof RendererPlugin
-  ) as RendererPlugin)!;
-  // @ts-ignore
-  return (rendererPlugin.boxes as Box[]).find((b) => b.text === text);
-}
-
-interface ContextObserver {
-  onSet?(key, val): void;
-  onGet?(key): void;
-  onFunctionCall?(fn: string, args: any[]): void;
-}
-
-class MockGridRenderingContext implements GridRenderingContext {
-  _context = document.createElement("canvas").getContext("2d");
-  ctx: CanvasRenderingContext2D;
-  viewport: Viewport;
-  dpr = 1;
-  thinLineWidth = 0.4;
-
-  constructor(model: Model, width: number, height: number, observer: ContextObserver) {
-    this.viewport = {
-      width,
-      height,
-      offsetX: 0,
-      offsetY: 0,
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0,
-    };
-    this.viewport = model.getters.adjustViewportZone(this.viewport);
-
-    const handler = {
-      get: (target, val) => {
-        if (val in (this._context as any).__proto__) {
-          return (...args) => {
-            if (observer.onFunctionCall) {
-              observer.onFunctionCall(val, args);
-            }
-          };
-        } else {
-          if (observer.onGet) {
-            observer.onGet(val);
-          }
-        }
-        return target[val];
-      },
-      set: (target, key, val) => {
-        if (observer.onSet) {
-          observer.onSet(key, val);
-        }
-        target[key] = val;
-        return true;
-      },
-    };
-    this.ctx = new Proxy({}, handler);
-  }
-}
-
-describe("renderer", () => {
-  test("snapshot for a simple grid rendering", () => {
-    const model = new Model();
-
-    model.dispatch("SET_VALUE", { xc: "A1", text: "1" });
-    const instructions: string[] = [];
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {
-      onSet: (key, value) => {
-        instructions.push(`context.${key}=${JSON.stringify(value)};`);
-      },
-      onGet: (key) => {
-        instructions.push(`GET:${key}`);
-      },
-      onFunctionCall: (key, args) => {
-        instructions.push(`context.${key}(${args.map((a) => JSON.stringify(a)).join(", ")})`);
-      },
-    });
-
-    model.drawGrid(ctx);
-    expect(instructions).toMatchSnapshot();
-  });
-
-  test("formulas evaluating to a string are properly aligned", () => {
-    const model = new Model();
-
-    model.dispatch("SET_VALUE", { xc: "A1", text: "1" });
-    model.dispatch("SET_VALUE", { xc: "A2", text: "=A1" });
-
-    let textAligns: string[] = [];
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {
-      onSet: (key, value) => {
-        if (key === "textAlign") {
-          textAligns.push(value);
-        }
-      },
-    });
-
-    model.drawGrid(ctx);
-    expect(textAligns).toEqual(["right", "right", "center"]); // center for headers
-
-    textAligns = [];
-    model.dispatch("SET_VALUE", { xc: "A1", text: "asdf" });
-    model.drawGrid(ctx);
-    expect(textAligns).toEqual(["left", "left", "center"]); // center for headers
-  });
-
-  test("fillstyle of cell will be rendered", () => {
-    const model = new Model({
-      sheets: [
-        {
-          colNumber: 1,
-          rowNumber: 3,
-        },
-      ],
-    });
-    model.dispatch("SET_FORMATTING", {
-      sheet: model["workbook"].visibleSheets[0],
-      target: [toZone("A1")],
-      style: { fillColor: "#DC6CDF" },
-    });
-
-    let fillStyle: any[] = [];
-    let fillStyleColor1Called = false;
-    let fillStyleColor2Called = false;
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {
-      onSet: (key, value) => {
-        if (key === "fillStyle" && value === "#DC6CDF") {
-          fillStyleColor1Called = true;
-          fillStyleColor2Called = false;
-        }
-        if (key === "fillStyle" && value === "#DC6CDE") {
-          fillStyleColor2Called = true;
-          fillStyleColor1Called = false;
-        }
-      },
-      onFunctionCall: (val, args) => {
-        if (val === "fillRect" && fillStyleColor1Called) {
-          fillStyle.push({ color: "#DC6CDF", x: args[0], y: args[1], w: args[2], h: args[3] });
-          fillStyleColor1Called = false;
-          fillStyleColor2Called = false;
-        }
-        if (val === "fillRect" && fillStyleColor2Called) {
-          fillStyle.push({ color: "#DC6CDE", x: args[0], y: args[1], w: args[2], h: args[3] });
-          fillStyleColor1Called = false;
-          fillStyleColor2Called = false;
-        }
-      },
-    });
-
-    model.drawGrid(ctx);
-    expect(fillStyle).toEqual([{ color: "#DC6CDF", h: 23, w: 96, x: 48, y: 26 }]);
-
-    fillStyle = [];
-    model.dispatch("SET_FORMATTING", {
-      sheet: model["workbook"].visibleSheets[0],
-      target: [toZone("A1")],
-      style: { fillColor: "#DC6CDE" },
-    });
-    model.drawGrid(ctx);
-    expect(fillStyle).toEqual([{ color: "#DC6CDE", h: 23, w: 96, x: 48, y: 26 }]);
-  });
-
-  test("fillstyle of merge will be rendered for all cells in merge", () => {
-    const model = new Model({
-      sheets: [
-        {
-          colNumber: 1,
-          rowNumber: 3,
-        },
-      ],
-    });
-    model.dispatch("SET_FORMATTING", {
-      sheet: model["workbook"].visibleSheets[0],
-      target: [toZone("A1")],
-      style: { fillColor: "#DC6CDF" },
-    });
-    model.dispatch("ADD_MERGE", {
-      sheet: model["workbook"].visibleSheets[0],
-      zone: toZone("A1:A3"),
-    });
-
-    let fillStyle: any[] = [];
-    let fillStyleColor1Called = false;
-    let fillStyleColor2Called = false;
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {
-      onSet: (key, value) => {
-        if (key === "fillStyle" && value === "#DC6CDF") {
-          fillStyleColor1Called = true;
-          fillStyleColor2Called = false;
-        }
-        if (key === "fillStyle" && value === "#DC6CDE") {
-          fillStyleColor2Called = true;
-          fillStyleColor1Called = false;
-        }
-      },
-      onFunctionCall: (val, args) => {
-        if (val === "fillRect" && fillStyleColor1Called) {
-          fillStyle.push({ color: "#DC6CDF", x: args[0], y: args[1], w: args[2], h: args[3] });
-          fillStyleColor1Called = false;
-          fillStyleColor2Called = false;
-        }
-        if (val === "fillRect" && fillStyleColor2Called) {
-          fillStyle.push({ color: "#DC6CDE", x: args[0], y: args[1], w: args[2], h: args[3] });
-          fillStyleColor1Called = false;
-          fillStyleColor2Called = false;
-        }
-      },
-    });
-
-    model.drawGrid(ctx);
-    expect(fillStyle).toEqual([{ color: "#DC6CDF", h: 3 * 23, w: 96, x: 48, y: 26 }]);
-
-    fillStyle = [];
-    model.dispatch("SET_FORMATTING", {
-      sheet: model["workbook"].visibleSheets[0],
-      target: [toZone("A1")],
-      style: { fillColor: "#DC6CDE" },
-    });
-    model.drawGrid(ctx);
-    expect(fillStyle).toEqual([{ color: "#DC6CDE", h: 3 * 23, w: 96, x: 48, y: 26 }]);
-  });
-
-  test("fillstyle of cell works with CF", () => {
-    const model = new Model({
-      sheets: [
-        {
-          colNumber: 1,
-          rowNumber: 3,
-        },
-      ],
-    });
-    model.dispatch("ADD_CONDITIONAL_FORMAT", {
-      cf: createEqualCF(["A1"], "1", { fillColor: "#DC6CDF" }, "1"),
-      sheet: model["workbook"].visibleSheets[0],
-    });
-
-    let fillStyle: any[] = [];
-    let fillStyleColor1Called = false;
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {
-      onSet: (key, value) => {
-        if (key === "fillStyle" && value === "#DC6CDF") {
-          fillStyleColor1Called = true;
-        }
-      },
-      onFunctionCall: (val, args) => {
-        if (val === "fillRect" && fillStyleColor1Called) {
-          fillStyle.push({ color: "#DC6CDF", x: args[0], y: args[1], w: args[2], h: args[3] });
-          fillStyleColor1Called = false;
-        }
-      },
-    });
-
-    model.drawGrid(ctx);
-    expect(fillStyle).toEqual([]);
-
-    fillStyle = [];
-    setCellContent(model, "A1", "1");
-    model.drawGrid(ctx);
-    expect(fillStyle).toEqual([{ color: "#DC6CDF", h: 23, w: 96, x: 48, y: 26 }]);
-  });
-
-  test("fillstyle of merge works with CF", () => {
-    const model = new Model({
-      sheets: [
-        {
-          colNumber: 1,
-          rowNumber: 3,
-        },
-      ],
-    });
-    model.dispatch("ADD_CONDITIONAL_FORMAT", {
-      cf: createEqualCF(["A1"], "1", { fillColor: "#DC6CDF" }, "1"),
-      sheet: model["workbook"].visibleSheets[0],
-    });
-    model.dispatch("ADD_MERGE", {
-      sheet: model["workbook"].visibleSheets[0],
-      zone: toZone("A1:A3"),
-    });
-    let fillStyle: any[] = [];
-    let fillStyleColor1Called = false;
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {
-      onSet: (key, value) => {
-        if (key === "fillStyle" && value === "#DC6CDF") {
-          fillStyleColor1Called = true;
-        }
-      },
-      onFunctionCall: (val, args) => {
-        if (val === "fillRect" && fillStyleColor1Called) {
-          fillStyle.push({ color: "#DC6CDF", x: args[0], y: args[1], w: args[2], h: args[3] });
-          fillStyleColor1Called = false;
-        }
-      },
-    });
-
-    model.drawGrid(ctx);
-    expect(fillStyle).toEqual([]);
-
-    fillStyle = [];
-    setCellContent(model, "A1", "1");
-    model.drawGrid(ctx);
-    expect(fillStyle).toEqual([{ color: "#DC6CDF", h: 23 * 3, w: 96, x: 48, y: 26 }]);
-  });
-
-  test("formulas in a merge, evaluating to a string are properly aligned", () => {
-    const model = new Model();
-
-    const sheet1 = model["workbook"].visibleSheets[0];
-    model.dispatch("ADD_MERGE", { sheet: sheet1, zone: toZone("A2:B2") });
-    model.dispatch("SET_VALUE", { xc: "A1", text: "1" });
-    model.dispatch("SET_VALUE", { xc: "A2", text: "=A1" });
-
-    let textAligns: string[] = [];
-
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {
-      onSet: (key, value) => {
-        if (key === "textAlign") {
-          textAligns.push(value);
-        }
-      },
-    });
-    model.drawGrid(ctx);
-
-    expect(textAligns).toEqual(["right", "right", "center"]); // center for headers
-
-    model.dispatch("SET_VALUE", { xc: "A1", text: "asdf" });
-
-    textAligns = [];
-    model.drawGrid(ctx);
-    expect(textAligns).toEqual(["left", "left", "center"]); // center for headers
-  });
-
-  test("formulas evaluating to a boolean are properly aligned", () => {
-    const model = new Model();
-
-    model.dispatch("SET_VALUE", { xc: "A1", text: "1" });
-    model.dispatch("SET_VALUE", { xc: "A2", text: "=A1" });
-
-    let textAligns: string[] = [];
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {
-      onSet: (key, value) => {
-        if (key === "textAlign") {
-          textAligns.push(value);
-        }
-      },
-    });
-    model.drawGrid(ctx);
-    expect(textAligns).toEqual(["right", "right", "center"]); // center for headers
-
-    textAligns = [];
-    model.dispatch("SET_VALUE", { xc: "A1", text: "true" });
-    model.drawGrid(ctx);
-    expect(textAligns).toEqual(["center", "center", "center"]); // center for headers
-  });
-
-  test("formulas in a merge, evaluating to a boolean are properly aligned", () => {
-    const model = new Model();
-    const sheet1 = model["workbook"].visibleSheets[0];
-
-    model.dispatch("ADD_MERGE", { sheet: sheet1, zone: toZone("A2:B2") });
-    model.dispatch("SET_VALUE", { xc: "A1", text: "1" });
-    model.dispatch("SET_VALUE", { xc: "A2", text: "=A1" });
-
-    let textAligns: string[] = [];
-
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {
-      onSet: (key, value) => {
-        if (key === "textAlign") {
-          textAligns.push(value);
-        }
-      },
-    });
-    model.drawGrid(ctx);
-
-    expect(textAligns).toEqual(["right", "right", "center"]); // center for headers
-
-    model.dispatch("SET_VALUE", { xc: "A1", text: "false" });
-
-    textAligns = [];
-    model.drawGrid(ctx);
-    expect(textAligns).toEqual(["center", "center", "center"]); // center for headers
-  });
-
-  test("errors are aligned to the center", () => {
-    const model = new Model();
-
-    model.dispatch("SET_VALUE", { xc: "A1", text: "=A1" });
-
-    let textAligns: string[] = [];
-
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {
-      onSet: (key, value) => {
-        if (key === "textAlign") {
-          textAligns.push(value);
-        }
-      },
-    });
-    model.drawGrid(ctx);
-
-    // 1 center for headers, 1 for cell content
-    expect(textAligns).toEqual(["center", "center"]);
-  });
-
-  test("dates are aligned to the right", () => {
-    const model = new Model();
-
-    model.dispatch("SET_VALUE", { xc: "A1", text: "03/23/2010" });
-
-    let textAligns: string[] = [];
-
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {
-      onSet: (key, value) => {
-        if (key === "textAlign") {
-          textAligns.push(value);
-        }
-      },
-    });
-    model.drawGrid(ctx);
-
-    // 1 center for headers, 1 for cell content
-    expect(textAligns).toEqual(["right", "center"]);
-  });
-
-  test("functions are aligned to the left", () => {
-    const model = new Model();
-
-    model.dispatch("SET_VALUE", { xc: "A1", text: "=SUM(1,2)" });
-    model.dispatch("SET_FORMULA_VISIBILITY", { show: true });
-    let textAligns: string[] = [];
-
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {
-      onSet: (key, value) => {
-        if (key === "textAlign") {
-          textAligns.push(value);
-        }
-      },
-    });
-    model.drawGrid(ctx);
-
-    // 1 center for headers, 1 for cell content
-    expect(textAligns).toEqual(["left", "center"]);
-  });
-
-  test("Overflowing left-aligned text is correctly clipped", () => {
-    const overflowingText = "I am a very long text";
-    let box: Box;
-    const model = new Model({
-      sheets: [
-        {
-          id: "sheet1",
-          colNumber: 3,
-          rowNumber: 1,
-          cols: { 1: { size: 5 } },
-          cells: { B1: { content: overflowingText, style: 1 } },
-        },
-      ],
-      styles: { 1: { align: "left" } },
-    });
-
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {});
-    model.drawGrid(ctx);
-
-    box = getBoxFromText(model, overflowingText);
-    // no clip
-    expect(box.clipRect).toBeNull();
-
-    // no clipping at the left
-    setCellContent(model, "A1", "Content at the left");
-    model.drawGrid(ctx);
-    box = getBoxFromText(model, overflowingText);
-    expect(box.clipRect).toBeNull();
-
-    // clipping at the right
-    setCellContent(model, "C1", "Content at the right");
-    model.drawGrid(ctx);
-    box = getBoxFromText(model, overflowingText);
-    expect(box.clipRect).toEqual([
-      HEADER_WIDTH + DEFAULT_CELL_WIDTH,
-      HEADER_HEIGHT,
-      5,
-      DEFAULT_CELL_HEIGHT,
-    ]);
-  });
-
-  test("Overflowing left-aligned text is correctly clipped", () => {
-    const overflowingText = "I am a very long text";
-    let box: Box;
-    const model = new Model({
-      sheets: [
-        {
-          id: "sheet1",
-          colNumber: 3,
-          rowNumber: 1,
-          cols: { 1: { size: 5 } },
-          cells: { B1: { content: overflowingText, style: 1 } },
-        },
-      ],
-      styles: { 1: { align: "right" } },
-    });
-
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {});
-    model.drawGrid(ctx);
-
-    box = getBoxFromText(model, overflowingText);
-    // no clip
-    expect(box.clipRect).toBeNull();
-
-    // no clipping at the right
-    setCellContent(model, "C1", "Content at the left");
-    model.drawGrid(ctx);
-    box = getBoxFromText(model, overflowingText);
-    expect(box.clipRect).toBeNull();
-
-    // clipping at the left
-    setCellContent(model, "A1", "Content at the right");
-    model.drawGrid(ctx);
-    box = getBoxFromText(model, overflowingText);
-    expect(box.clipRect).toEqual([
-      HEADER_WIDTH + DEFAULT_CELL_WIDTH,
-      HEADER_HEIGHT,
-      5,
-      DEFAULT_CELL_HEIGHT,
-    ]);
-  });
-
-  test("Overflowing centered text is clipped on both sides", () => {
-    const overflowingText = "I am a very long text";
-    let centeredBox: Box;
-    const model = new Model({
-      sheets: [
-        {
-          id: "sheet1",
-          colNumber: 3,
-          rowNumber: 1,
-          cols: { 1: { size: 5 } },
-          cells: { B1: { content: overflowingText, style: 1 } },
-        },
-      ],
-      styles: { 1: { align: "center" } },
-    });
-
-    let ctx = new MockGridRenderingContext(model, 1000, 1000, {});
-    model.drawGrid(ctx);
-
-    centeredBox = getBoxFromText(model, overflowingText);
-    // // spans from A1 to C1 <-> no clip
-    expect(centeredBox.clipRect).toBeNull();
-
-    setCellContent(model, "A1", "left");
-    model.drawGrid(ctx);
-
-    centeredBox = getBoxFromText(model, overflowingText);
-    expect(centeredBox.clipRect).toEqual([
-      HEADER_WIDTH + DEFAULT_CELL_WIDTH, // clipped to the left
-      HEADER_HEIGHT,
-      5 + DEFAULT_CELL_WIDTH,
-      DEFAULT_CELL_HEIGHT,
-    ]);
-
-    setCellContent(model, "C1", "right");
-    model.drawGrid(ctx);
-
-    centeredBox = getBoxFromText(model, overflowingText);
-    expect(centeredBox.clipRect).toEqual([
-      HEADER_WIDTH + DEFAULT_CELL_WIDTH, //clipped to the left
-      HEADER_HEIGHT,
-      5, // clipped to the right
-      DEFAULT_CELL_HEIGHT,
-    ]);
-  });
-});