0eae348f59
* Replace the global GrAnnotation variable with named imports. * Update gr-app-global-var-init.js Change-Id: I2396d5972ca5a724599452d54a1991947d149042
101 lines
3.4 KiB
HTML
101 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
@license
|
|
Copyright (C) 2017 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">
|
|
<title>gr-annotation-actions-context</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>
|
|
|
|
<test-fixture id="basic">
|
|
<template>
|
|
<div></div>
|
|
</template>
|
|
</test-fixture>
|
|
|
|
<script type="module">
|
|
import '../../../test/common-test-setup.js';
|
|
import './gr-js-api-interface.js';
|
|
import {GrAnnotation} from '../../diff/gr-diff-highlight/gr-annotation.js';
|
|
|
|
suite('gr-annotation-actions-context tests', () => {
|
|
let instance;
|
|
let sandbox;
|
|
let el;
|
|
let lineNumberEl;
|
|
let plugin;
|
|
|
|
setup(() => {
|
|
sandbox = sinon.sandbox.create();
|
|
Gerrit.install(p => { plugin = p; }, '0.1',
|
|
'http://test.com/plugins/testplugin/static/test.js');
|
|
|
|
const str = 'lorem ipsum blah blah';
|
|
const line = {text: str};
|
|
el = document.createElement('div');
|
|
el.textContent = str;
|
|
el.setAttribute('data-side', 'right');
|
|
lineNumberEl = document.createElement('td');
|
|
lineNumberEl.classList.add('right');
|
|
document.body.appendChild(el);
|
|
instance = new GrAnnotationActionsContext(
|
|
el, lineNumberEl, line, 'dummy/path', '123', '1');
|
|
});
|
|
|
|
teardown(() => {
|
|
sandbox.restore();
|
|
});
|
|
|
|
test('test annotateRange', () => {
|
|
const annotateElementSpy = sandbox.spy(GrAnnotation, 'annotateElement');
|
|
const start = 0;
|
|
const end = 100;
|
|
const cssStyleObject = plugin.styles().css('background-color: #000000');
|
|
|
|
// Assert annotateElement is not called when side is different.
|
|
instance.annotateRange(start, end, cssStyleObject, 'left');
|
|
assert.equal(annotateElementSpy.callCount, 0);
|
|
|
|
// Assert annotateElement is called once when side is the same.
|
|
instance.annotateRange(start, end, cssStyleObject, 'right');
|
|
assert.equal(annotateElementSpy.callCount, 1);
|
|
const args = annotateElementSpy.getCalls()[0].args;
|
|
assert.equal(args[0], el);
|
|
assert.equal(args[1], start);
|
|
assert.equal(args[2], end);
|
|
assert.equal(args[3], cssStyleObject.getClassName(el));
|
|
});
|
|
|
|
test('test annotateLineNumber', () => {
|
|
const cssStyleObject = plugin.styles().css('background-color: #000000');
|
|
|
|
const className = cssStyleObject.getClassName(lineNumberEl);
|
|
|
|
// Assert that css class is *not* applied when side is different.
|
|
instance.annotateLineNumber(cssStyleObject, 'left');
|
|
assert.isFalse(lineNumberEl.classList.contains(className));
|
|
|
|
// Assert that css class is applied when side is the same.
|
|
instance.annotateLineNumber(cssStyleObject, 'right');
|
|
assert.isTrue(lineNumberEl.classList.contains(className));
|
|
});
|
|
});
|
|
</script>
|