osmd-extended/test/MusicalScore/Calculation/MeasureSizeCalculator.ts

import {
  MeasureSizeCalculator,
} from "../../../src/MusicalScore/Calculation/MeasureSizeCalculator.ts";

import Vex = require("vexflow");

describe("Measure Size Calculator Tests", () => {
  // Initialization
  let stave: Vex.Flow.Stave = new Vex.Flow.Stave(0, 0, 0);
  let voices: Vex.Flow.Voice[];
  let formatter: Vex.Flow.Formatter;
  let voice: Vex.Flow.Voice;
  let note: Vex.Flow.StaveNote;
  let calc: MeasureSizeCalculator;

  it("One note", (done: MochaDone) => {
    formatter = new Vex.Flow.Formatter();
    voice = new Vex.Flow.Voice(undefined);
    note = new Vex.Flow.StaveNote({ keys: ["b/4"], "duration": "1" });
    voice.addTickables([note]);
    voices = [voice];

    chai.expect(formatter.preCalculateMinTotalWidth(voices)).to.equal(22);

    calc = new MeasureSizeCalculator(stave, voices, formatter);

    chai.expect(calc.getBottomBorder()).to.equal(5);
    done();
  });

  it("Four quarter notes", (done: MochaDone) => {
    formatter = new Vex.Flow.Formatter();
    voice = new Vex.Flow.Voice(undefined);
    voice.addTickables([
      new Vex.Flow.StaveNote({ keys: ["c/4"], "duration": "q" }),
      new Vex.Flow.StaveNote({ keys: ["d/4"], "duration": "q" }),
      new Vex.Flow.StaveNote({ keys: ["e/4"], "duration": "q" }),
      new Vex.Flow.StaveNote({ keys: ["f/4"], "duration": "q" }),
    ]);
    voices = [voice];

    chai.expect(formatter.preCalculateMinTotalWidth(voices)).to.equal(64);
    calc = new MeasureSizeCalculator(stave, voices, formatter);

    chai.expect(calc.getWidth()).to.equal(64);
    chai.expect(calc.getBottomBorder()).to.equal(6);
    chai.expect(calc.getTopBorder()).to.equal(0);
    done();
  });

  it("Will certainly pass", (done: MochaDone) => {
    let visual: (testfun: (r: any, ctx: any) => void ) => void;
    visual = function(func: (r: any, ctx: any) => void): void {
      let canvas: HTMLCanvasElement = document.createElement("canvas");
      document.body.appendChild(canvas);
      let renderer: any = new Vex.Flow.Renderer(
        canvas,
        Vex.Flow.Renderer.Backends.CANVAS
      );
      renderer.resize(300, 100);
      let ctx: any = renderer.getContext();
      ctx.setFont("Arial", 10, "").setBackgroundFillStyle("#eed");
      func(renderer, ctx);
    };

    visual((renderer: any, ctx: any): void => {
      renderer.resize(420, 120);
      let stave2: Vex.Flow.Stave = new Vex.Flow.Stave(10, 0, 410);
      stave2.setContext(ctx);
      for (let t in Vex.Flow.Clef.types) {
        if (Vex.Flow.Clef.types.hasOwnProperty(t)) {
          let clef: Vex.Flow.Clef = new Vex.Flow.Clef(t);
          stave2.addModifier(clef, Vex.Flow.StaveModifier.Position.BEGIN);
          stave2.format();
          // (*&^%$#@) //
          // FIXME HERE? NaN FIXME FIXME FIXME //
          clef.setStave(stave2);
          let bb: Vex.Flow.BoundingBox =
              MeasureSizeCalculator.getClefBoundingBox(clef);
          //console.log(bb);
          ctx.rect(bb.getX(), bb.getY(), bb.getW(), bb.getH());
          ctx.stroke();
        }
      }
      stave2.draw();
    });

    done();
  });

});