Files
gerrit/polygerrit-ui/app/elements/custom-dark-theme_test.js
Ben Rohlfs 3a6ff7ec1f Introduce a proper mock for the RestApiService
Simplify all stubbing of the REST API in tests by adding a canonical
`stubRestApi` method.

Make sure to never use the <gr-rest-api-interface> element directly
anymore, thus paving the way for converting the element into a service
object and moving into to the services directory.

The reviewer should with looking at all non-test files first.

Change-Id: Ida7c9f0482477a0971fda106f18b8c51e20597c6
2021-01-19 14:48:35 +01:00

64 lines
2.0 KiB
JavaScript

/**
* @license
* Copyright (C) 2020 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 {getComputedStyleValue} from '../utils/dom-util.js';
import './gr-app.js';
import {getPluginLoader} from './shared/gr-js-api-interface/gr-plugin-loader.js';
import {removeTheme} from '../styles/themes/dark-theme.js';
const basicFixture = fixtureFromElement('gr-app');
suite('gr-app custom dark theme tests', () => {
let element;
setup(done => {
window.localStorage.setItem('dark-theme', 'true');
element = basicFixture.instantiate();
getPluginLoader().loadPlugins([]);
getPluginLoader().awaitPluginsLoaded()
.then(() => flush(done));
});
teardown(() => {
window.localStorage.removeItem('dark-theme');
removeTheme();
// The app sends requests to server. This can lead to
// unexpected gr-alert elements in document.body
document.body.querySelectorAll('gr-alert').forEach(grAlert => {
grAlert.remove();
});
});
test('should tried to load dark theme', () => {
assert.isTrue(
!!document.head.querySelector('#dark-theme')
);
});
test('applies the right theme', () => {
assert.equal(
getComputedStyleValue('--header-background-color', element)
.toLowerCase(),
'#3b3d3f');
assert.equal(
getComputedStyleValue('--footer-background-color', element)
.toLowerCase(),
'#3b3d3f');
});
});