Function dealInitRangeInput

test/lib/testHelper.js:956–1030

()

            };

            function dealInitRangeInput() {
                _rangeInputWrapperEl = document.createElement('span');
                resetRangeInputWrapperCSS(_rangeInputWrapperEl, false);

                _rangeInputListener = internallyForceDef
                    ? getBtnEventListener(internallyForceDef, NAMES_ON_INPUT_CHANGE)
                    : getBtnEventListener(inputDefine, NAMES_ON_INPUT_CHANGE);
                if (!_rangeInputListener) {
                    throw new Error(
                        errMsgPrefix + ' No listener (either '
                        + NAMES_ON_INPUT_CHANGE.join(', ') + ') specified for slider.'
                    );
                }

                var sliderTextEl = document.createElement('span');
                sliderTextEl.className = 'test-inputs-slider-text';
                sliderTextEl.innerHTML = internallyForceDef
                    ? getInputsTextHTML(internallyForceDef, '')
                    : getInputsTextHTML(inputDefine, '');
                _rangeInputWrapperEl.appendChild(sliderTextEl);

                function createRangeInputDeltaBtn(btnName, delta) {
                    if (_noDeltaButtons) { return; }
                    var sliderLRBtnEl = document.createElement('div');
                    sliderLRBtnEl.className = 'test-inputs-slider-btn-incdec test-inputs-slider-btn-' + btnName;
                    _rangeInputWrapperEl.appendChild(sliderLRBtnEl);
                    sliderLRBtnEl.addEventListener('click', inputRecorder.wrapUserInputListener({
                        listener: function () {
                            if (_disabled) { return; }
                            // 0.1 + 0.2 = 0.30000000000000004
                            _currVal = round(_currVal + delta, _precision);
                            updateRangeInputViewValue(_currVal);
                            dispatchRangeInputChangedEvent();
                        },
                        op: btnName + _opSuffix
                    }));
                }
                createRangeInputDeltaBtn('decrease', -_step);
                createRangeInputDeltaBtn('increase', _step);

                _rangeInputEl = document.createElement('input');
                _rangeInputEl.className = 'test-inputs-slider-input';
                _rangeInputEl.setAttribute('type', 'range');
                _rangeInputEl.addEventListener('input', inputRecorder.wrapUserInputListener({
                    listener: function () {
                        if (_disabled) { return; }
                        _currVal = +this.value;
                        updateRangeInputViewValue(_currVal);
                        dispatchRangeInputChangedEvent();
                    },
                    op: 'slide' + _opSuffix,
                    createRecordArgs: function () {
                        return [+this.value];
                    },
                    prepareReplay: function (recordArgs) {
                        _rangeInputEl.value = recordArgs[0];
                        return {
                            this: _rangeInputEl,