blob: a0481ae542857185786862c30b0a62c89c9d1313 [file] [log] [blame]
/**
* @license
* Copyright (C) 2016 The Android Open Source Project
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import '../../../test/common-test-setup-karma.js';
import './gr-editable-content.js';
const basicFixture = fixtureFromElement('gr-editable-content');
suite('gr-editable-content tests', () => {
let element;
setup(() => {
element = basicFixture.instantiate();
});
test('save event', () => {
element.content = '';
element._newContent = 'foo';
const handler = sinon.spy();
element.addEventListener('editable-content-save', handler);
MockInteractions.tap(element.shadowRoot
.querySelector('gr-button[primary]'));
assert.isTrue(handler.called);
assert.equal(handler.lastCall.args[0].detail.content, 'foo');
});
test('cancel event', () => {
const handler = sinon.spy();
element.addEventListener('editable-content-cancel', handler);
MockInteractions.tap(element.shadowRoot
.querySelector('gr-button:not([primary])'));
assert.isTrue(handler.called);
});
test('enabling editing keeps old content', () => {
element.content = 'current content';
element._newContent = 'old content';
element.editing = true;
assert.equal(element._newContent, 'old content');
});
test('disabling editing does not update edit field contents', () => {
element.content = 'current content';
element.editing = true;
element._newContent = 'stale content';
element.editing = false;
assert.equal(element._newContent, 'stale content');
});
test('zero width spaces are removed properly', () => {
element.removeZeroWidthSpace = true;
element.content = 'R=\u200Btest@google.com';
element.editing = true;
assert.equal(element._newContent, 'R=test@google.com');
});
suite('editing', () => {
setup(() => {
element.content = 'current content';
element.editing = true;
});
test('save button is disabled initially', () => {
assert.isTrue(element.shadowRoot
.querySelector('gr-button[primary]').disabled);
});
test('save button is enabled when content changes', () => {
element._newContent = 'new content';
assert.isFalse(element.shadowRoot
.querySelector('gr-button[primary]').disabled);
});
});
suite('storageKey and related behavior', () => {
let dispatchSpy;
setup(() => {
element.content = 'current content';
element.storageKey = 'test';
dispatchSpy = sinon.spy(element, 'dispatchEvent');
});
test('editing toggled to true, has stored data', () => {
sinon.stub(element.storage, 'getEditableContentItem')
.returns({message: 'stored content'});
element.editing = true;
assert.equal(element._newContent, 'stored content');
assert.isTrue(dispatchSpy.called);
assert.equal(dispatchSpy.lastCall.args[0].type, 'show-alert');
});
test('editing toggled to true, has no stored data', () => {
sinon.stub(element.storage, 'getEditableContentItem')
.returns({});
element.editing = true;
assert.equal(element._newContent, 'current content');
assert.isFalse(dispatchSpy.called);
});
test('edits are cached', () => {
const storeStub =
sinon.stub(element.storage, 'setEditableContentItem');
const eraseStub =
sinon.stub(element.storage, 'eraseEditableContentItem');
element.editing = true;
element._newContent = 'new content';
flush();
element.flushDebouncer('store');
assert.isTrue(storeStub.called);
assert.deepEqual(
[element.storageKey, element._newContent],
storeStub.lastCall.args);
element._newContent = '';
flush();
element.flushDebouncer('store');
assert.isTrue(eraseStub.called);
assert.deepEqual([element.storageKey], eraseStub.lastCall.args);
});
});
});