| <!DOCTYPE html> | 
 | <!-- | 
 | @license | 
 | Copyright (C) 2018 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. | 
 | --> | 
 |  | 
 | <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> | 
 | <meta charset="utf-8"> | 
 | <title>gr-diff-mode-selector</title> | 
 |  | 
 | <script src="/node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script> | 
 |  | 
 | <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script> | 
 | <script src="/components/wct-browser-legacy/browser.js"></script> | 
 | <script src="/node_modules/page/page.js"></script> | 
 |  | 
 | <test-fixture id="basic"> | 
 |   <template> | 
 |     <gr-diff-mode-selector></gr-diff-mode-selector> | 
 |   </template> | 
 | </test-fixture> | 
 |  | 
 | <script type="module"> | 
 | import '../../../test/common-test-setup.js'; | 
 | import './gr-diff-mode-selector.js'; | 
 | suite('gr-diff-mode-selector tests', () => { | 
 |   let element; | 
 |   let sandbox; | 
 |  | 
 |   setup(() => { | 
 |     sandbox = sinon.sandbox.create(); | 
 |     element = fixture('basic'); | 
 |   }); | 
 |  | 
 |   teardown(() => { | 
 |     sandbox.restore(); | 
 |   }); | 
 |  | 
 |   test('_computeSelectedClass', () => { | 
 |     assert.equal( | 
 |         element._computeSelectedClass('SIDE_BY_SIDE', 'SIDE_BY_SIDE'), | 
 |         'selected'); | 
 |     assert.equal( | 
 |         element._computeSelectedClass('SIDE_BY_SIDE', 'UNIFIED_DIFF'), ''); | 
 |   }); | 
 |  | 
 |   test('setMode', () => { | 
 |     const saveStub = sandbox.stub(element.$.restAPI, 'savePreferences'); | 
 |  | 
 |     // Setting the mode initially does not save prefs. | 
 |     element.saveOnChange = true; | 
 |     element.setMode('SIDE_BY_SIDE'); | 
 |     assert.isFalse(saveStub.called); | 
 |  | 
 |     // Setting the mode to itself does not save prefs. | 
 |     element.setMode('SIDE_BY_SIDE'); | 
 |     assert.isFalse(saveStub.called); | 
 |  | 
 |     // Setting the mode to something else does not save prefs if saveOnChange | 
 |     // is false. | 
 |     element.saveOnChange = false; | 
 |     element.setMode('UNIFIED_DIFF'); | 
 |     assert.isFalse(saveStub.called); | 
 |  | 
 |     // Setting the mode to something else does not save prefs if saveOnChange | 
 |     // is false. | 
 |     element.saveOnChange = true; | 
 |     element.setMode('SIDE_BY_SIDE'); | 
 |     assert.isTrue(saveStub.calledOnce); | 
 |   }); | 
 | }); | 
 | </script> |