Function runAddTest

spec/dyn-elements.spec.js:130–186

(inputSupported)

        });

        function runAddTest(inputSupported) {
            it('should re-attach element properly when removed from dom, cleaned up and injected to dom again', function () {
                var originalInputSupport = MediumEditor.Events.prototype.InputEventOnContenteditableSupported;
                MediumEditor.Events.prototype.InputEventOnContenteditableSupported = inputSupported;

                var editor = this.newMediumEditor('.editor'),
                focusedEditable,
                firedTarget,
                firedCounter,
                handler = function (event, editable) {
                    firedTarget = editable;
                    firedCounter++;
                },
                focusListener = function (event, editable) {
                    focusedEditable = editable;
                };

                firedCounter = 0;

                editor.subscribe('focus', focusListener);
                editor.subscribe('editableInput', handler);

                editor.addElements(this.addOne);
                expect(this.addOne.getAttribute('data-medium-editor-element')).toBeDefined();
                expect(editor.elements.length).toBe(2);

                // Detach + exec fn + reattach, asynchronous.
                detach(this.addOne, true, function (reattach) {
                    editor.removeElements(this.addOne);
                    expect(editor.elements.length).toBe(1);

                    reattach();

                    editor.addElements(this.addTwo);
                    expect(editor.elements.length).toBe(2);
                    expect(this.addTwo.getAttribute('data-medium-editor-element')).toBeDefined();

                    editor.selectElement(this.addTwo.firstChild);
                    expect(focusedEditable).toBe(this.addTwo);

                    editor.selectElement(this.addTwo.firstChild);
                    this.addTwo.textContent = 'lore ipsum!';

                    // trigger onInput
                    fireEvent(this.addTwo, 'input');

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

                    jasmine.clock().tick(1);
                    expect(firedTarget).toBe(this.addTwo);
                    expect(firedCounter).toBe(1);

                    MediumEditor.Events.prototype.InputEventOnContenteditableSupported = originalInputSupport;
                }.bind(this));
            });
        }