adobe/brackets

File unittests.js has 1267 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/*
 * Copyright (c) 2012 - present Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should not update the end textmark and the color shown to a shorter valid match if the marker still exists and the color becomes invalid", function () {
                    makeColorEditor({line: 1, ch: 18});
                    runs(function () {
                        testDocument.replaceRange("", {line: 1, ch: 22}, {line: 1, ch: 23});
                        expect(inline._color).toBe("#abcdef");

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should not update the end textmark and the color shown to a shorter valid match if the marker no longer exists and the color becomes invalid", function () {
                    makeColorEditor({line: 1, ch: 18});
                    runs(function () {
                        testDocument.replaceRange("", {line: 1, ch: 22}, {line: 1, ch: 24});
                        expect(inline._color).toBe("#abcdef");

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should revert to the previous value on the change event while the value is invalid", function () {
                    makeUI("#abcdef");
                    colorEditor.$colorValue.val("rgb(0, 0, 0");
                    colorEditor.$colorValue.trigger("change");
                    expect(tinycolor(colorEditor.getColor()).toHexString()).toBe("#abcdef");

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should not commit changes on the input event while the value is invalid, but should keep them in the text field", function () {
                    makeUI("#abcdef");
                    colorEditor.$colorValue.val("rgb(0, 0, 0");
                    colorEditor.$colorValue.trigger("input");
                    expect(tinycolor(colorEditor.getColor()).toHexString()).toBe("#abcdef");

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

                    runs(function () {
                        checkPercentageNear(colorEditor.$hueSelector[0].style.bottom, 25);
                        checkPercentageNear(colorEditor.$opacitySelector[0].style.bottom, 50);
                        checkPercentageNear(colorEditor.$selectionBase[0].style.left, 74);
                        checkPercentageNear(colorEditor.$selectionBase[0].style.bottom, 47);

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

                    runs(function () {
                        checkPercentageNear(colorEditor.$hueSelector[0].style.bottom, 25);
                        checkPercentageNear(colorEditor.$opacitySelector[0].style.bottom, 50);
                        checkPercentageNear(colorEditor.$selectionBase[0].style.left, 74);
                        checkPercentageNear(colorEditor.$selectionBase[0].style.bottom, 47);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should update correct range of host document with color format of different length", function () {
                    makeColorEditor({line: 1, ch: 18});
                    runs(function () {
                        inline.colorEditor.setColorFromString("rgb(20, 20, 20)");
                        expect(testDocument.getRange({line: 1, ch: 16}, {line: 1, ch: 31})).toBe("rgb(20, 20, 20)");

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should update host document when change is committed in color editor", function () {
                    makeColorEditor({line: 1, ch: 18});
                    runs(function () {
                        inline.colorEditor.setColorFromString("#c0c0c0");
                        expect(testDocument.getRange({line: 1, ch: 16}, {line: 1, ch: 23})).toBe("#c0c0c0");

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

                it("should undo a hue change", function () {
                    makeUI("rgba(100, 150, 200, 0.3)");
                    runs(function () {
                        eventAtRatio("mousedown", colorEditor.$hueBase, [0, 0.5]);
                        triggerCtrlKey(colorEditor.$hueBase, KeyEvent.DOM_VK_Z);

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

                it("should undo an opacity change", function () {
                    makeUI("rgba(100, 150, 200, 0.3)");
                    runs(function () {
                        eventAtRatio("mousedown", colorEditor.$opacitySelector, [0, 0.5]);
                        triggerCtrlKey(colorEditor.$opacitySelector, KeyEvent.DOM_VK_Z);

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

                it("should undo a saturation/value change", function () {
                    makeUI("rgba(100, 150, 200, 0.3)");
                    runs(function () {
                        eventAtRatio("mousedown", colorEditor.$selectionBase, [0.5, 0.5]);
                        triggerCtrlKey(colorEditor.$selectionBase, KeyEvent.DOM_VK_Z);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        function makeColorEditor(cursor) {
            runs(function () {
                var promise = provider(testEditor, cursor);
                if (promise) {
                    promise.done(function (inlineResult) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should commit valid changes made in the input field on the change event", function () {
                    makeUI("#abcdef");
                    colorEditor.$colorValue.val("#fedcba");
                    colorEditor.$colorValue.trigger("change");
                    expect(tinycolor(colorEditor.getColor()).toHexString()).toBe("#fedcba");

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should commit valid changes made in the input field on the input event", function () {
                    makeUI("#abcdef");
                    colorEditor.$colorValue.val("#fedcba");
                    colorEditor.$colorValue.trigger("input");
                    expect(tinycolor(colorEditor.getColor()).toHexString()).toBe("#fedcba");

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should undo a hex conversion", function () {
                    makeUI("rgba(12, 32, 65, 0.2)");
                    runs(function () {
                        colorEditor.$hexButton.trigger("click");
                        triggerCtrlKey(colorEditor.$hexButton, KeyEvent.DOM_VK_Z);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should undo a text field change", function () {
                    makeUI("rgba(100, 150, 200, 0.3)");
                    runs(function () {
                        colorEditor.$colorValue.val("rgba(50, 50, 50, 0.9)");
                        triggerCtrlKey(colorEditor.$colorValue, KeyEvent.DOM_VK_Z);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should undo an rgba conversion", function () {
                    makeUI("#abcdef");
                    runs(function () {
                        colorEditor.$rgbaButton.click();
                        triggerCtrlKey(colorEditor.$rgbaButton, KeyEvent.DOM_VK_Z);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should undo an hsla conversion", function () {
                    makeUI("#abcdef");
                    runs(function () {
                        colorEditor.$hslButton.click();
                        triggerCtrlKey(colorEditor.$hslButton, KeyEvent.DOM_VK_Z);

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

                it("should increase hue by 18 on shift up arrow even if saturation is 0", function () {
                    testKey({
                        color:     "hsl(180, 0, 0)",
                        item:      "$hueBase",
                        key:       KeyEvent.DOM_VK_UP,

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

                it("should not change value when hue changes", function () {
                    testKey({
                        color:     "#8e8247",
                        item:      "$hueBase",
                        key:       KeyEvent.DOM_VK_UP,

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

                it("should increase hue by 18 on shift up arrow for a near-gray hex color", function () {
                    testKey({
                        color:     "#5c5b56",
                        item:      "$hueBase",
                        key:       KeyEvent.DOM_VK_UP,

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

                it("should clip max value on shift up arrow", function () {
                    testKey({
                        color:     "hsla(50, 25%, 100%, 0.5)",
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_UP,

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

                it("should clip max opacity on shift up arrow", function () {
                    testKey({
                        color:     "hsla(90, 25%, 50%, 1.0)",
                        item:      "$opacitySelector",
                        key:       KeyEvent.DOM_VK_UP,

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

                it("should clip max saturation on shift right arrow", function () {
                    testKey({
                        color:     "hsla(50, 100%, 50%, 0.5)",
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_RIGHT,

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

                it("should clip min value on shift down arrow", function () {
                    testKey({
                        color:     "hsla(50, 25%, 0%, 0.5)",
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_DOWN,

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

                it("should clip min saturation on shift left arrow", function () {
                    testKey({
                        color:     "hsla(50, 0%, 50%, 0.5)",
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_LEFT,

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should clip hue to min value", function () {
                    testDrag({
                        item:      "$hueSlider",
                        clickAt:   [0, 0.75], // x: unused, y: 1.0 - (hue / 360)
                        dragTo:    [0, 1.25],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should set saturation on drag", function () {
                    testDrag({
                        item:      "$selection",
                        clickAt:   [0.25, 0], // x: saturation, y: 1.0 - value
                        dragTo:    [0.75, 0],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should clip value to min value", function () {
                    testDrag({
                        item:      "$selection",
                        clickAt:   [1.0, 0.75], // x: saturation, y: 1.0 - value
                        dragTo:    [1.0, 1.25],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should set opacity on drag", function () {
                    testDrag({
                        item:      "$opacitySlider",
                        clickAt:   [0, 0.75], // x: unused, y: 1.0 - opacity
                        dragTo:    [0, 0.25],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should set hue on drag", function () {
                    testDrag({
                        item:      "$hueSlider",
                        clickAt:   [0, 0.75], // x: unused, y: 1.0 - (hue / 360)
                        dragTo:    [0, 0.25],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should clip opacity to min value", function () {
                    testDrag({
                        item:      "$opacitySlider",
                        clickAt:   [0, 0.75], // x: unused, y: 1.0 - opacity
                        dragTo:    [0, 1.25],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should clip saturation to max value", function () {
                    testDrag({
                        item:      "$selection",
                        clickAt:   [0.25, 0], // x: saturation, y: 1.0 - value
                        dragTo:    [1.25, 0],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should set value on drag", function () {
                    testDrag({
                        item:      "$selection",
                        clickAt:   [1.0, 0.75], // x: saturation, y: 1.0 - value
                        dragTo:    [1.0, 0.25],

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should not open when not on a color", function () {
                    makeColorEditor({line: 1, ch: 6});
                    runs(function () {
                        expect(inline).toEqual(null);
                    });

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                it("should not open when on an invalid color", function () {
                    makeColorEditor({line: 25, ch: 18});
                    runs(function () {
                        expect(inline).toEqual(null);
                    });

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should decrease opacity by 0.05 on shift down arrow", function () {
                    testKey({
                        item:      "$opacitySelector",
                        key:       KeyEvent.DOM_VK_DOWN,
                        shift:     true,

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should decrease value by 7.5% on shift down arrow", function () {
                    testKey({
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_DOWN,
                        shift:     true,

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should decrease saturation by 7.5% on shift left arrow", function () {
                    testKey({
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_LEFT,
                        shift:     true,

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should decrease hue by 18 on shift down arrow", function () {
                    testKey({
                        item:      "$hueBase",
                        key:       KeyEvent.DOM_VK_DOWN,
                        shift:     true,

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

                it("should clip max value on up arrow", function () {
                    testKey({
                        color:     "hsla(50, 25%, 100%, 0.5)",
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_UP,

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

                it("should clip min value on down arrow", function () {
                    testKey({
                        color:     "hsla(50, 25%, 0%, 0.5)",
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_DOWN,

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

                it("should clip min opacity on down arrow", function () {
                    testKey({
                        color:     "hsla(90, 25%, 50%, 0)",
                        item:      "$opacitySelector",
                        key:       KeyEvent.DOM_VK_DOWN,

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

                it("should clip max saturation on right arrow", function () {
                    testKey({
                        color:     "hsla(50, 100%, 50%, 0.5)",
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_RIGHT,

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

                it("should clip min saturation on left arrow", function () {
                    testKey({
                        color:     "hsla(50, 0%, 50%, 0.5)",
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_LEFT,

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

                it("should clip max opacity on up arrow", function () {
                    testKey({
                        color:     "hsla(90, 25%, 50%, 1.0)",
                        item:      "$opacitySelector",
                        key:       KeyEvent.DOM_VK_UP,

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should increase saturation by 7.5% on shift right arrow", function () {
                    testKey({
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_RIGHT,
                        shift:     true,

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should increase value by 7.5% on shift up arrow", function () {
                    testKey({
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_UP,
                        shift:     true,

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should increase opacity by 0.05 on shift up arrow", function () {
                    testKey({
                        item:      "$opacitySelector",
                        key:       KeyEvent.DOM_VK_UP,
                        shift:     true,

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should increase hue by 18 on shift up arrow", function () {
                    testKey({
                        item:      "$hueBase",
                        key:       KeyEvent.DOM_VK_UP,
                        shift:     true,

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should not prevent default on right arrow at the start of the text field", function () {
                    testPreventDefault({
                        color:     "#8e8247",
                        item:      "$colorValue",
                        selection: [0, 0],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should not prevent default on right arrow in the middle of the text field", function () {
                    testPreventDefault({
                        color:     "#8e8247",
                        item:      "$colorValue",
                        selection: [3, 3],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should prevent default on left arrow at the start of the text field", function () {
                    testPreventDefault({
                        color:     "#8e8247",
                        item:      "$colorValue",
                        selection: [0, 0],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should not prevent default on left arrow with a range selection", function () {
                    testPreventDefault({
                        color:     "#8e8247",
                        item:      "$colorValue",
                        selection: [0, 7],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should not prevent default on left arrow in the middle of the text field", function () {
                    testPreventDefault({
                        color:     "#8e8247",
                        item:      "$colorValue",
                        selection: [3, 3],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should not prevent default on right arrow with a range selection", function () {
                    testPreventDefault({
                        color:     "#8e8247",
                        item:      "$colorValue",
                        selection: [0, 7],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should prevent default on right arrow at the end of the text field", function () {
                    testPreventDefault({
                        color:     "#8e8247",
                        item:      "$colorValue",
                        selection: [7, 7],

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

                it("should not prevent default on left arrow at the end of the text field", function () {
                    testPreventDefault({
                        color:     "#8e8247",
                        item:      "$colorValue",
                        selection: [7, 7],

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should decrease hue by 3.6 on down arrow", function () {
                    testKey({
                        item:      "$hueBase",
                        key:       KeyEvent.DOM_VK_DOWN,
                        param:     "h",

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should decrease saturation by 1.5% on left arrow", function () {
                    testKey({
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_LEFT,
                        param:     "s",

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should decrease opacity by 0.01 on down arrow", function () {
                    testKey({
                        item:      "$opacitySelector",
                        key:       KeyEvent.DOM_VK_DOWN,
                        param:     "a",

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should decrease value by 1.5% on down arrow", function () {
                    testKey({
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_DOWN,
                        param:     "v",

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should set opacity on mousedown", function () {
                    testMousedown({
                        item:      "$opacitySlider",
                        clickAt:   [0, 0.75], // x: unused, y: 1.0 - opacity
                        param:     "a",

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should set saturation on mousedown", function () {
                    testMousedown({
                        item:      "$selection",
                        clickAt:   [0.25, 0], // x: saturation, y: 1.0 - value
                        param:     "s",

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should set value on mousedown", function () {
                    testMousedown({
                        item:      "$selection",
                        clickAt:   [1.0, 0.75], // x: saturation, y: 1.0 - value
                        param:     "v",

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should set hue on mousedown", function () {
                    testMousedown({
                        item:      "$hueSlider",
                        clickAt:   [0, 0.75], // x: unused, y: 1.0 - (hue / 360)
                        param:     "h",

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should increase value by 1.5% on up arrow", function () {
                    testKey({
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_UP,
                        param:     "v",

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should increase hue by 3.6 on up arrow", function () {
                    testKey({
                        item:      "$hueBase",
                        key:       KeyEvent.DOM_VK_UP,
                        param:     "h",

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should increase opacity by 0.01 on up arrow", function () {
                    testKey({
                        item:      "$opacitySelector",
                        key:       KeyEvent.DOM_VK_UP,
                        param:     "a",

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

                it("should increase saturation by 1.5% on right arrow", function () {
                    testKey({
                        item:      "$selectionBase",
                        key:       KeyEvent.DOM_VK_RIGHT,
                        param:     "s",

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

            beforeEach(function () {
                var mock = SpecRunnerUtils.createMockEditor(testContentCSS, "css");
                testDocument = mock.doc;
                testEditor = mock.editor;
            });

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

            beforeEach(function () {
                var mock = SpecRunnerUtils.createMockEditor(testContentHTML, "html");
                testDocument = mock.doc;
                testEditor = mock.editor;
            });

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                        checkNear(tinycolor(colorEditor.$hueBase.css("background-color")).toHsv().h, tinycolor(colorStr).toHsv().h);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                        checkNear(tinycolor(colorEditor.$selection.css("background-color")).toHsv().h, tinycolor(colorStr).toHsv().h);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                    testDrag({
                        item:      "$opacitySlider",
                        clickAt:   [0, 0.75], // x: unused, y: 1.0 - opacity
                        dragTo:    [0, -0.25],
                        param:     "a",

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                    testDrag({
                        item:      "$hueSlider",
                        clickAt:   [0, 0.75], // x: unused, y: 1.0 - (hue / 360)
                        dragTo:    [0, -0.25],
                        param:     "h",

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                function makeKeyEvent(opts) {
                    return $.Event("keydown", { keyCode: opts.key, shiftKey: !!opts.shift });
                }

• Read up
  Read up