Function runEditableInputTests

spec/events.spec.js:334–427

(inputSupported)

    describe('Custom EditableInput Listener', function () {

        function runEditableInputTests(inputSupported) {
            var namePrefix = inputSupported ? 'when Input is supported' : 'when Input is NOT supported';

            it(namePrefix + ' should trigger with the corresponding editor element passed as an argument', function () {
                var originalInputSupport = MediumEditor.Events.prototype.InputEventOnContenteditableSupported;
                MediumEditor.Events.prototype.InputEventOnContenteditableSupported = inputSupported;

                var editableTwo = this.createElement('div', 'editor', 'lore ipsum'),
                    firedTarget,
                    editor = this.newMediumEditor('.editor'),
                    handler = function (event, editable) {
                        firedTarget = editable;
                    };
                expect(editor.elements.length).toBe(2);

                editor.subscribe('editableInput', handler);
                editor.selectElement(editableTwo.firstChild);

                editableTwo.textContent = 'lore ipsum!';

                // trigger onInput
                fireEvent(editableTwo, 'input');

                // trigger faked 'selectionchange' event
                fireEvent(document, 'selectionchange', { target: document, currentTarget: editableTwo });

                jasmine.clock().tick(1);
                expect(firedTarget).toBe(editableTwo);

                MediumEditor.Events.prototype.InputEventOnContenteditableSupported = originalInputSupport;
            });

            it(namePrefix + ' should only trigger when the content has actually changed', function () {
                var originalInputSupport = MediumEditor.Events.prototype.InputEventOnContenteditableSupported;
                MediumEditor.Events.prototype.InputEventOnContenteditableSupported = inputSupported;

                var editableTwo = this.createElement('div', 'editor', 'lore ipsum'),
                    firedTarget,
                    editor = this.newMediumEditor('.editor'),
                    handler = function (event, editable) {
                        firedTarget = editable;
                    };
                expect(editor.elements.length).toBe(2);

                editor.subscribe('editableInput', handler);

                // If content hasn't changed, custom event won't fire
                fireEvent(editableTwo, 'input');
                fireEvent(editableTwo, 'keypress');
                expect(firedTarget).toBeUndefined();

                // Change the content, custom event should fire
                editableTwo.textContent = 'lore ipsum!';
                fireEvent(editableTwo, 'input');
                fireEvent(editableTwo, 'keypress');
                jasmine.clock().tick(1);
                expect(firedTarget).toBe(editableTwo);