ES6ify /gr-editable-content/*
Bug: Issue 6179 Change-Id: Id76f19b519e66c5936a06ad410a63c88ddd96cf5
This commit is contained in:
		@@ -53,11 +53,11 @@
 | 
				
			|||||||
      _newContent: String,
 | 
					      _newContent: String,
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    focusTextarea: function() {
 | 
					    focusTextarea() {
 | 
				
			||||||
      this.$$('iron-autogrow-textarea').textarea.focus();
 | 
					      this.$$('iron-autogrow-textarea').textarea.focus();
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    _editingChanged: function(editing) {
 | 
					    _editingChanged(editing) {
 | 
				
			||||||
      if (!editing) { return; }
 | 
					      if (!editing) { return; }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      // TODO(wyatta) switch linkify sequence, see issue 5526.
 | 
					      // TODO(wyatta) switch linkify sequence, see issue 5526.
 | 
				
			||||||
@@ -65,16 +65,16 @@
 | 
				
			|||||||
          this.content.replace(/^R=\u200B/gm, 'R=') : this.content;
 | 
					          this.content.replace(/^R=\u200B/gm, 'R=') : this.content;
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    _computeSaveDisabled: function(disabled, content, newContent) {
 | 
					    _computeSaveDisabled(disabled, content, newContent) {
 | 
				
			||||||
      return disabled || (content === newContent);
 | 
					      return disabled || (content === newContent);
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    _handleSave: function(e) {
 | 
					    _handleSave(e) {
 | 
				
			||||||
      e.preventDefault();
 | 
					      e.preventDefault();
 | 
				
			||||||
      this.fire('editable-content-save', {content: this._newContent});
 | 
					      this.fire('editable-content-save', {content: this._newContent});
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    _handleCancel: function(e) {
 | 
					    _handleCancel(e) {
 | 
				
			||||||
      e.preventDefault();
 | 
					      e.preventDefault();
 | 
				
			||||||
      this.editing = false;
 | 
					      this.editing = false;
 | 
				
			||||||
      this.fire('editable-content-cancel');
 | 
					      this.fire('editable-content-cancel');
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -33,37 +33,37 @@ limitations under the License.
 | 
				
			|||||||
</test-fixture>
 | 
					</test-fixture>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
  suite('gr-editable-content tests', function() {
 | 
					  suite('gr-editable-content tests', () => {
 | 
				
			||||||
    var element;
 | 
					    let element;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    setup(function() {
 | 
					    setup(() => {
 | 
				
			||||||
      element = fixture('basic');
 | 
					      element = fixture('basic');
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    test('save event', function(done) {
 | 
					    test('save event', done => {
 | 
				
			||||||
      element._newContent = 'foo';
 | 
					      element._newContent = 'foo';
 | 
				
			||||||
      element.addEventListener('editable-content-save', function(e) {
 | 
					      element.addEventListener('editable-content-save', e => {
 | 
				
			||||||
        assert.equal(e.detail.content, 'foo');
 | 
					        assert.equal(e.detail.content, 'foo');
 | 
				
			||||||
        done();
 | 
					        done();
 | 
				
			||||||
      });
 | 
					      });
 | 
				
			||||||
      MockInteractions.tap(element.$$('gr-button[primary]'));
 | 
					      MockInteractions.tap(element.$$('gr-button[primary]'));
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    test('cancel event', function(done) {
 | 
					    test('cancel event', done => {
 | 
				
			||||||
      element.addEventListener('editable-content-cancel', function() {
 | 
					      element.addEventListener('editable-content-cancel', () => {
 | 
				
			||||||
        done();
 | 
					        done();
 | 
				
			||||||
      });
 | 
					      });
 | 
				
			||||||
      MockInteractions.tap(element.$$('gr-button:not([primary])'));
 | 
					      MockInteractions.tap(element.$$('gr-button:not([primary])'));
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    test('enabling editing updates edit field contents', function() {
 | 
					    test('enabling editing updates edit field contents', () => {
 | 
				
			||||||
      element.content = 'current content';
 | 
					      element.content = 'current content';
 | 
				
			||||||
      element._newContent = 'stale content';
 | 
					      element._newContent = 'stale content';
 | 
				
			||||||
      element.editing = true;
 | 
					      element.editing = true;
 | 
				
			||||||
      assert.equal(element._newContent, 'current content');
 | 
					      assert.equal(element._newContent, 'current content');
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    test('disabling editing does not update edit field contents', function() {
 | 
					    test('disabling editing does not update edit field contents', () => {
 | 
				
			||||||
      element.content = 'current content';
 | 
					      element.content = 'current content';
 | 
				
			||||||
      element.editing = true;
 | 
					      element.editing = true;
 | 
				
			||||||
      element._newContent = 'stale content';
 | 
					      element._newContent = 'stale content';
 | 
				
			||||||
@@ -71,24 +71,24 @@ limitations under the License.
 | 
				
			|||||||
      assert.equal(element._newContent, 'stale content');
 | 
					      assert.equal(element._newContent, 'stale content');
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    test('zero width spaces are removed properly', function() {
 | 
					    test('zero width spaces are removed properly', () => {
 | 
				
			||||||
      element.removeZeroWidthSpace = true;
 | 
					      element.removeZeroWidthSpace = true;
 | 
				
			||||||
      element.content = 'R=\u200Btest@google.com';
 | 
					      element.content = 'R=\u200Btest@google.com';
 | 
				
			||||||
      element.editing = true;
 | 
					      element.editing = true;
 | 
				
			||||||
      assert.equal(element._newContent, 'R=test@google.com');
 | 
					      assert.equal(element._newContent, 'R=test@google.com');
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    suite('editing', function() {
 | 
					    suite('editing', () => {
 | 
				
			||||||
      setup(function() {
 | 
					      setup(() => {
 | 
				
			||||||
        element.content = 'current content';
 | 
					        element.content = 'current content';
 | 
				
			||||||
        element.editing = true;
 | 
					        element.editing = true;
 | 
				
			||||||
      });
 | 
					      });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      test('save button is disabled initially', function() {
 | 
					      test('save button is disabled initially', () => {
 | 
				
			||||||
        assert.isTrue(element.$$('gr-button[primary]').disabled);
 | 
					        assert.isTrue(element.$$('gr-button[primary]').disabled);
 | 
				
			||||||
      });
 | 
					      });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      test('save button is enabled when content changes', function() {
 | 
					      test('save button is enabled when content changes', () => {
 | 
				
			||||||
        element._newContent = 'new content';
 | 
					        element._newContent = 'new content';
 | 
				
			||||||
        assert.isFalse(element.$$('gr-button[primary]').disabled);
 | 
					        assert.isFalse(element.$$('gr-button[primary]').disabled);
 | 
				
			||||||
      });
 | 
					      });
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user