scratch-blocks 2.0.0-beta.1 → 2.0.0-spork.1

package/blockly-rc/tests/mocha/widget_div_test.js

@@ -1,272 +0,0 @@
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import {assert} from '../../node_modules/chai/chai.js';
-import {
-  sharedTestSetup,
-  sharedTestTeardown,
-} from './test_helpers/setup_teardown.js';
-
-suite('WidgetDiv', function () {
-  setup(function () {
-    sharedTestSetup.call(this);
-  });
-  teardown(function () {
-    sharedTestTeardown.call(this);
-  });
-
-  suite('positionWithAnchor', function () {
-    function makeBBox(left, top, width, height) {
-      return {
-        left: left,
-        right: left + width,
-        top: top,
-        bottom: top + height,
-        width: width,
-        height: height,
-      };
-    }
-
-    setup(function () {
-      Blockly.WidgetDiv.createDom();
-      this.viewportBBox = makeBBox(0, 0, 1000, 1003);
-      this.widgetSize = {
-        width: 100,
-        height: 102,
-      };
-      this.anchorSize = {
-        width: 90,
-        height: 91,
-      };
-
-      this.testWidgetPosition = function (
-        anchorBBox,
-        rtl,
-        expectedX,
-        expectedY,
-        expectedHeight,
-      ) {
-        Blockly.WidgetDiv.positionWithAnchor(
-          this.viewportBBox,
-          anchorBBox,
-          this.widgetSize,
-          rtl,
-        );
-        const style = Blockly.WidgetDiv.getDiv().style;
-        assert.equal(style.left, expectedX + 'px', 'Left');
-        assert.equal(style.top, expectedY + 'px', 'Top');
-        assert.equal(style.height, expectedHeight + 'px', 'Height');
-      };
-    });
-
-    suite('LTR', function () {
-      test('noConflict', function () {
-        // Anchor placed in the middle.
-        const anchorBBox = makeBBox(
-          500,
-          500,
-          this.anchorSize.width,
-          this.anchorSize.height,
-        );
-        // The widget div should be placed just below at the left side of the
-        // anchor.
-        const expectedX = anchorBBox.left;
-        const expectedY = anchorBBox.top + this.anchorSize.height;
-        this.testWidgetPosition(
-          anchorBBox,
-          false,
-          expectedX,
-          expectedY,
-          this.widgetSize.height,
-        );
-      });
-
-      test('topConflict', function () {
-        // Anchor close to the top.
-        const anchorBBox = makeBBox(
-          500,
-          50,
-          this.anchorSize.width,
-          this.anchorSize.height,
-        );
-        // The widget div should be placed just below the anchor.
-        const expectedX = anchorBBox.left;
-        const expectedY = anchorBBox.top + this.anchorSize.height;
-        this.testWidgetPosition(
-          anchorBBox,
-          false,
-          expectedX,
-          expectedY,
-          this.widgetSize.height,
-        );
-      });
-
-      test('bottomConflict', function () {
-        // Anchor placed close to the bottom.
-        const anchorBBox = makeBBox(
-          500,
-          900,
-          this.anchorSize.width,
-          this.anchorSize.height,
-        );
-        // The widget div should be placed just above the anchor.
-        const expectedX = anchorBBox.left;
-        const expectedY = anchorBBox.top - this.widgetSize.height;
-        this.testWidgetPosition(
-          anchorBBox,
-          false,
-          expectedX,
-          expectedY,
-          this.widgetSize.height,
-        );
-      });
-
-      test('leftConflict', function () {
-        // Anchor placed close to the left side.
-        const anchorBBox = makeBBox(
-          50,
-          500,
-          this.anchorSize.width,
-          this.anchorSize.height,
-        );
-        // The widget div should be placed at the anchor.
-        const expectedX = anchorBBox.left;
-        const expectedY = anchorBBox.top + this.anchorSize.height;
-        this.testWidgetPosition(
-          anchorBBox,
-          false,
-          expectedX,
-          expectedY,
-          this.widgetSize.height,
-        );
-      });
-
-      test('rightConflict', function () {
-        // Anchor placed close to the right side.
-        const anchorBBox = makeBBox(
-          950,
-          500,
-          this.anchorSize.width,
-          this.anchorSize.height,
-        );
-        // The widget div should be placed as far right as possible--at the edge of
-        // the screen.
-        const expectedX = this.viewportBBox.width - this.widgetSize.width;
-        const expectedY = anchorBBox.top + this.anchorSize.height;
-        this.testWidgetPosition(
-          anchorBBox,
-          false,
-          expectedX,
-          expectedY,
-          this.widgetSize.height,
-        );
-      });
-    });
-    suite('RTL', function () {
-      test('noConflict', function () {
-        // Anchor placed in the middle
-        const anchorBBox = makeBBox(
-          500,
-          500,
-          this.anchorSize.width,
-          this.anchorSize.height,
-        );
-        // The widget div should be placed at the right side of the anchor.
-        const expectedX = anchorBBox.right - this.widgetSize.width;
-        const expectedY = anchorBBox.top + this.anchorSize.height;
-        this.testWidgetPosition(
-          anchorBBox,
-          true,
-          expectedX,
-          expectedY,
-          this.widgetSize.height,
-        );
-      });
-
-      test('topConflict', function () {
-        // Anchor close to the top.
-        const anchorBBox = makeBBox(
-          500,
-          50,
-          this.anchorSize.width,
-          this.anchorSize.height,
-        );
-        // The widget div should be placed just below the anchor.
-        const expectedX = anchorBBox.right - this.widgetSize.width;
-        const expectedY = anchorBBox.top + this.anchorSize.height;
-        this.testWidgetPosition(
-          anchorBBox,
-          true,
-          expectedX,
-          expectedY,
-          this.widgetSize.height,
-        );
-      });
-
-      test('bottomConflict', function () {
-        // Anchor placed close to the bottom.
-        const anchorBBox = makeBBox(
-          500,
-          900,
-          this.anchorSize.width,
-          this.anchorSize.height,
-        );
-        // The widget div should be placed just above the anchor.
-        const expectedX = anchorBBox.right - this.widgetSize.width;
-        const expectedY = anchorBBox.top - this.widgetSize.height;
-        this.testWidgetPosition(
-          anchorBBox,
-          true,
-          expectedX,
-          expectedY,
-          this.widgetSize.height,
-        );
-      });
-
-      test('leftConflict', function () {
-        // Anchor placed close to the left side.
-        const anchorBBox = makeBBox(
-          10,
-          500,
-          this.anchorSize.width,
-          this.anchorSize.height,
-        );
-        // The widget div should be placed as far left as possible--at the edge of
-        // the screen.
-        const expectedX = 0;
-        const expectedY = anchorBBox.top + this.anchorSize.height;
-        this.testWidgetPosition(
-          anchorBBox,
-          true,
-          expectedX,
-          expectedY,
-          this.widgetSize.height,
-        );
-      });
-
-      test('rightConflict', function () {
-        // Anchor placed close to the right side.
-        const anchorBBox = makeBBox(
-          950,
-          500,
-          this.anchorSize.width,
-          this.anchorSize.height,
-        );
-        // The widget div should be placed as far right as possible--at the edge of
-        // the screen.
-        const expectedX = this.viewportBBox.width - this.widgetSize.width;
-        const expectedY = anchorBBox.top + this.anchorSize.height;
-        this.testWidgetPosition(
-          anchorBBox,
-          true,
-          expectedX,
-          expectedY,
-          this.widgetSize.height,
-        );
-      });
-    });
-  });
-});

package/blockly-rc/tests/mocha/workspace_comment_test.js

@@ -1,171 +0,0 @@
-/**
- * @license
- * Copyright 2024 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import {
-  sharedTestSetup,
-  sharedTestTeardown,
-} from './test_helpers/setup_teardown.js';
-import {
-  createChangeListenerSpy,
-  assertEventFired,
-} from './test_helpers/events.js';
-
-suite('Workspace comment', function () {
-  setup(function () {
-    this.clock = sharedTestSetup.call(this, {fireEventsNow: false}).clock;
-    this.workspace = new Blockly.inject('blocklyDiv', {});
-  });
-
-  teardown(function () {
-    sharedTestTeardown.call(this);
-  });
-
-  suite('Events', function () {
-    test('create events are fired when a comment is constructed', function () {
-      const spy = createChangeListenerSpy(this.workspace);
-
-      this.renderedComment = new Blockly.comments.RenderedWorkspaceComment(
-        this.workspace,
-      );
-
-      this.clock.runAll();
-
-      assertEventFired(
-        spy,
-        Blockly.Events.CommentCreate,
-        {commentId: this.renderedComment.id},
-        this.workspace.id,
-      );
-    });
-
-    test('delete events are fired when a comment is disposed', function () {
-      this.renderedComment = new Blockly.comments.RenderedWorkspaceComment(
-        this.workspace,
-      );
-      const spy = createChangeListenerSpy(this.workspace);
-
-      this.renderedComment.dispose();
-
-      this.clock.runAll();
-
-      assertEventFired(
-        spy,
-        Blockly.Events.CommentDelete,
-        {commentId: this.renderedComment.id},
-        this.workspace.id,
-      );
-    });
-
-    test('move events are fired when a comment is moved', function () {
-      this.renderedComment = new Blockly.comments.RenderedWorkspaceComment(
-        this.workspace,
-      );
-      const spy = createChangeListenerSpy(this.workspace);
-
-      this.renderedComment.moveTo(new Blockly.utils.Coordinate(42, 42));
-
-      this.clock.runAll();
-
-      assertEventFired(
-        spy,
-        Blockly.Events.CommentMove,
-        {
-          commentId: this.renderedComment.id,
-          oldCoordinate_: {x: 0, y: 0},
-          newCoordinate_: {x: 42, y: 42},
-        },
-        this.workspace.id,
-      );
-    });
-
-    test('resize events are fired when a comment is resized', function () {
-      this.renderedComment = new Blockly.comments.RenderedWorkspaceComment(
-        this.workspace,
-      );
-      const spy = createChangeListenerSpy(this.workspace);
-
-      this.renderedComment.setSize(new Blockly.utils.Size(300, 200));
-
-      this.clock.runAll();
-
-      assertEventFired(
-        spy,
-        Blockly.Events.CommentResize,
-        {
-          commentId: this.renderedComment.id,
-          oldSize: {width: 120, height: 100},
-          newSize: {width: 300, height: 200},
-        },
-        this.workspace.id,
-      );
-    });
-
-    test('change events are fired when a comments text is edited', function () {
-      this.renderedComment = new Blockly.comments.RenderedWorkspaceComment(
-        this.workspace,
-      );
-      const spy = createChangeListenerSpy(this.workspace);
-
-      this.renderedComment.setText('test text');
-
-      this.clock.runAll();
-
-      assertEventFired(
-        spy,
-        Blockly.Events.CommentChange,
-        {
-          commentId: this.renderedComment.id,
-          oldContents_: '',
-          newContents_: 'test text',
-        },
-        this.workspace.id,
-      );
-    });
-
-    test('collapse events are fired when a comment is collapsed', function () {
-      this.renderedComment = new Blockly.comments.RenderedWorkspaceComment(
-        this.workspace,
-      );
-      const spy = createChangeListenerSpy(this.workspace);
-
-      this.renderedComment.setCollapsed(true);
-
-      this.clock.runAll();
-
-      assertEventFired(
-        spy,
-        Blockly.Events.CommentCollapse,
-        {
-          commentId: this.renderedComment.id,
-          newCollapsed: true,
-        },
-        this.workspace.id,
-      );
-    });
-
-    test('collapse events are fired when a comment is uncollapsed', function () {
-      this.renderedComment = new Blockly.comments.RenderedWorkspaceComment(
-        this.workspace,
-      );
-      this.renderedComment.setCollapsed(true);
-      const spy = createChangeListenerSpy(this.workspace);
-
-      this.renderedComment.setCollapsed(false);
-
-      this.clock.runAll();
-
-      assertEventFired(
-        spy,
-        Blockly.Events.CommentCollapse,
-        {
-          commentId: this.renderedComment.id,
-          newCollapsed: false,
-        },
-        this.workspace.id,
-      );
-    });
-  });
-});