fabric/src/shapes/Object/InteractiveObject.spec.ts

Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.

import { Canvas } from '../../canvas/Canvas';
import { Control } from '../../controls/Control';
import { radiansToDegrees } from '../../util';
import { Group } from '../Group';
import { FabricObject } from './FabricObject';
import { InteractiveFabricObject, type TOCoord } from './InteractiveObject';

describe('InteractiveObject', () => {
  it('tests constructor & properties', () => {
    const obj = new InteractiveFabricObject();
    expect(obj instanceof InteractiveFabricObject).toBe(true);
    expect(obj.selectable).toBe(true);
  });
  it('Interactive + BaseObject default values', () => {
    const { controls, ...defaults } = FabricObject.getDefaults();
    expect(defaults).toMatchSnapshot();
  });

  describe('setCoords for objects inside group with rotation', () => {
    it('all corners are rotated as much as the object total angle', () => {
      const canvas = new Canvas();
      const object = new FabricObject({
        left: 25,
        top: 60,
        width: 75,
        height: 100,
        angle: 10,
        scaleY: 2,
        fill: 'blue',
      });
      const group = new Group([object], {
        angle: 30,
        scaleX: 2,
        interactive: true,
        subTargetCheck: true,
      });
      canvas.add(group);
      group.setCoords();
      const objectAngle = Math.round(object.getTotalAngle());
      expect(objectAngle).toEqual(35);
      Object.values(object.oCoords).forEach((cornerPoint: TOCoord) => {
        const controlAngle = Math.round(
          radiansToDegrees(
            Math.atan2(
              cornerPoint.corner.tr.y - cornerPoint.corner.tl.y,
              cornerPoint.corner.tr.x - cornerPoint.corner.tl.x,
            ),
          ),
        );
        expect(controlAngle).toEqual(objectAngle);
      });
    });
  });

  test('getActiveControl', () => {
    const object = new FabricObject({ canvas: new Canvas() });
    const control = new Control();
    object.controls = { control };
    object.setCoords();
    expect(object.getActiveControl()).toBeUndefined();
    object.__corner = 'control';
    expect(object.getActiveControl()).toEqual({
      key: 'control',
      control,
      coord: object.oCoords.control,
    });
  });
});