openmct/src/plugins/summaryWidget/test/TestDataItemSpec.js

define(['../src/TestDataItem', 'zepto'], function (TestDataItem, $) {
    describe('A summary widget test data item', function () {
        let testDataItem;
        let mockConfig;
        let mockConditionManager;
        let mockContainer;
        let mockEvaluator;
        let changeSpy;
        let duplicateSpy;
        let removeSpy;
        let generateValueSpy;

        beforeEach(function () {
            mockContainer = $(document.createElement('div'));

            mockConfig = {
                object: 'object1',
                key: 'property1',
                value: 1
            };

            mockEvaluator = {};
            mockEvaluator.getInputTypeById = jasmine.createSpy('inputType');

            mockConditionManager = jasmine.createSpyObj('mockConditionManager', [
                'on',
                'getComposition',
                'loadCompleted',
                'getEvaluator',
                'getTelemetryMetadata',
                'metadataLoadCompleted',
                'getObjectName',
                'getTelemetryPropertyName',
                'getTelemetryPropertyType'
            ]);
            mockConditionManager.loadCompleted.and.returnValue(false);
            mockConditionManager.metadataLoadCompleted.and.returnValue(false);
            mockConditionManager.getEvaluator.and.returnValue(mockEvaluator);
            mockConditionManager.getComposition.and.returnValue({});
            mockConditionManager.getTelemetryMetadata.and.returnValue({});
            mockConditionManager.getObjectName.and.returnValue('Object Name');
            mockConditionManager.getTelemetryPropertyName.and.returnValue('Property Name');
            mockConditionManager.getTelemetryPropertyType.and.returnValue('');

            duplicateSpy = jasmine.createSpy('duplicate');
            removeSpy = jasmine.createSpy('remove');
            changeSpy = jasmine.createSpy('change');
            generateValueSpy = jasmine.createSpy('generateValueInput');

            testDataItem = new TestDataItem(mockConfig, 54, mockConditionManager);

            testDataItem.on('duplicate', duplicateSpy);
            testDataItem.on('remove', removeSpy);
            testDataItem.on('change', changeSpy);
        });

        it('exposes a DOM element to represent itself in the view', function () {
            mockContainer.append(testDataItem.getDOM());
            expect($('.t-test-data-item', mockContainer).get().length).toEqual(1);
        });

        it('responds to a change in its object select', function () {
            testDataItem.selects.object.setSelected('');
            expect(changeSpy).toHaveBeenCalledWith({
                value: '',
                property: 'object',
                index: 54
            });
        });

        it('responds to a change in its key select', function () {
            testDataItem.generateValueInput = generateValueSpy;
            testDataItem.selects.key.setSelected('');
            expect(changeSpy).toHaveBeenCalledWith({
                value: '',
                property: 'key',
                index: 54
            });
            expect(generateValueSpy).toHaveBeenCalledWith('');
        });

        it('generates a value input of the appropriate type', function () {
            mockContainer.append(testDataItem.getDOM());
            mockEvaluator.getInputTypeById.and.returnValue('number');
            testDataItem.generateValueInput('');
            expect($('input', mockContainer).filter('[type=number]').get().length).toEqual(1);
            expect($('input', mockContainer).prop('valueAsNumber')).toEqual(1);

            mockEvaluator.getInputTypeById.and.returnValue('text');
            testDataItem.config.value = 'Text I Am';
            testDataItem.generateValueInput('');
            expect($('input', mockContainer).filter('[type=text]').get().length).toEqual(1);
            expect($('input', mockContainer).prop('value')).toEqual('Text I Am');
        });

        it('ensures reasonable defaults on values if none are provided', function () {
            mockContainer.append(testDataItem.getDOM());

            mockEvaluator.getInputTypeById.and.returnValue('number');
            testDataItem.config.value = undefined;
            testDataItem.generateValueInput('');
            expect($('input', mockContainer).filter('[type=number]').get().length).toEqual(1);
            expect($('input', mockContainer).prop('valueAsNumber')).toEqual(0);
            expect(testDataItem.config.value).toEqual(0);

            mockEvaluator.getInputTypeById.and.returnValue('text');
            testDataItem.config.value = undefined;
            testDataItem.generateValueInput('');
            expect($('input', mockContainer).filter('[type=text]').get().length).toEqual(1);
            expect($('input', mockContainer).prop('value')).toEqual('');
            expect(testDataItem.config.value).toEqual('');
        });

        it('responds to a change in its value inputs', function () {
            mockContainer.append(testDataItem.getDOM());
            mockEvaluator.getInputTypeById.and.returnValue('number');
            testDataItem.generateValueInput('');
            $('input', mockContainer).prop('value', 9001);
            $('input', mockContainer).trigger('input');
            expect(changeSpy).toHaveBeenCalledWith({
                value: 9001,
                property: 'value',
                index: 54
            });
        });

        it('can remove itself from the configuration', function () {
            testDataItem.remove();
            expect(removeSpy).toHaveBeenCalledWith(54);
        });

        it('can duplicate itself', function () {
            testDataItem.duplicate();
            expect(duplicateSpy).toHaveBeenCalledWith({
                sourceItem: mockConfig,
                index: 54
            });
        });
    });
});