4162241011

Build Type

github

Committed by GitHub

Commit Message

<a href="https://github.com/cocopon/tweakpane/commit/<a class=hub.com/cocopon/tweakpane/commit/<a class="double-link" href="https://git"><a class=hub.com/cocopon/tweakpane/commit/<a class="double-link" href="https://git"><a class=hub.com/cocopon/tweakpane/commit/<a class="double-link" href="https://git"><a class=hub.com/cocopon/tweakpane/commit/<a class="double-link" href="https://git"><a class=hub.com/cocopon/tweakpane/commit/d295f120afdd91dfff6d751cdbb84846c7b5ce29">d295f120a">&lt;a href=&quot;https://github.com/cocopon/tweakpane/commit/</a><a class="double-link" href="https://github.com/cocopon/tweakpane/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/cocopon/tweakpane/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/cocopon/tweakpane/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/cocopon/tweakpane/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/cocopon/tweakpane/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/cocopon/tweakpane/commit/d295f120afdd91dfff6d751cdbb84846c7b5ce29">d295f120a</a><a href="https://github.com/cocopon/tweakpane/commit/d295f120afdd91dfff6d751cdbb84846c7b5ce29">&quot;&gt;&amp;lt;a href=&amp;quot;https://github.com/cocopon/tweakpane/commit/&lt;/a&gt;&lt;a class=&quot;double-link&quot; href=&quot;https://github.com/cocopon/tweakpane/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/cocopon/tweakpane/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/cocopon/tweakpane/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/cocopon/tweakpane/commit/d295f120afdd91dfff6d751cdbb84846c7b5ce29&quot;&gt;d295f120a&lt;/a&gt;&lt;a href=&quot;https://github.com/cocopon/tweakpane/commit/d295f120afdd91dfff6d751cdbb84846c7b5ce29&quot;&gt;&amp;lt;a href=&amp;quot;https://github.com/cocopon/tweakpane/commit/d295f120afdd91dfff6d751cdbb84846c7b5ce29&amp;quot;&amp;gt;&amp;amp;quot;&amp;amp;gt;&amp;amp;amp;lt;a href=&amp;amp;amp;quot;https://github.com/cocopon/tweakpane/commit/&amp;amp;lt;/a&amp;amp;gt;&amp... (continued)

Pull Request Pull Request #480: Rename option

Run Details

1225 of 1626 branches covered (75.34%)

Branch coverage included in aggregate %.

7 of 7 new or added lines in 3 files covered. (100.0%)

4319 of 4752 relevant lines covered (90.89%)

738.77 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

19.44

/packages/core/src/monitor-binding/common/view/multi-log.ts

import {Formatter} from '../../../common/converter/formatter';
import {BufferedValue} from '../../../common/model/buffered-value';
import {ViewProps} from '../../../common/model/view-props';
import {ClassName} from '../../../common/view/class-name';
import {getCssVar} from '../../../common/view/css-vars';
import {View} from '../../../common/view/view';

interface Config<T> {
        formatter: Formatter<T>;
        rows: number;
        value: BufferedValue<T>;
        viewProps: ViewProps;
}

const cn = ClassName('mll');

/**
 * @hidden
 */
export class MultiLogView<T> implements View {
        public readonly element: HTMLElement;
        public readonly value: BufferedValue<T>;
        private readonly formatter_: Formatter<T>;
        private readonly textareaElem_: HTMLTextAreaElement;

        constructor(doc: Document, config: Config<T>) {
                this.onValueUpdate_ = this.onValueUpdate_.bind(this);

                this.formatter_ = config.formatter;

                this.element = doc.createElement('div');
                this.element.classList.add(cn());
                config.viewProps.bindClassModifiers(this.element);

                const textareaElem = doc.createElement('textarea');
                textareaElem.classList.add(cn('i'));
                textareaElem.style.height = `calc(var(${getCssVar(
                        'containerUnitSize',
                )}) * ${config.rows})`;
                textareaElem.readOnly = true;
                config.viewProps.bindDisabled(textareaElem);
                this.element.appendChild(textareaElem);
                this.textareaElem_ = textareaElem;

                config.value.emitter.on('change', this.onValueUpdate_);
                this.value = config.value;

                this.update_();
        }

        private update_(): void {
                const elem = this.textareaElem_;
                const shouldScroll =
                        elem.scrollTop === elem.scrollHeight - elem.clientHeight;

                const lines: string[] = [];
                this.value.rawValue.forEach((value) => {
                        if (value !== undefined) {
                                lines.push(this.formatter_(value));
                        }
                });
                elem.textContent = lines.join('\n');

                if (shouldScroll) {
                        elem.scrollTop = elem.scrollHeight;
                }
        }

        private onValueUpdate_(): void {
                this.update_();
        }
}

1	import {Formatter} from '../../../common/converter/formatter';
2	import {BufferedValue} from '../../../common/model/buffered-value';
3	import {ViewProps} from '../../../common/model/view-props';
4	import {ClassName} from '../../../common/view/class-name';	1✔
5	import {getCssVar} from '../../../common/view/css-vars';	1✔
6	import {View} from '../../../common/view/view';
7
8	interface Config<T> {
9	formatter: Formatter<T>;
10	rows: number;
11	value: BufferedValue<T>;
12	viewProps: ViewProps;
13	}
14
15	const cn = ClassName('mll');	1✔
16
17	/**
18	* @hidden
19	*/
20	export class MultiLogView<T> implements View {	1✔
21	public readonly element: HTMLElement;
22	public readonly value: BufferedValue<T>;
23	private readonly formatter_: Formatter<T>;
24	private readonly textareaElem_: HTMLTextAreaElement;
25
26	constructor(doc: Document, config: Config<T>) {
27	this.onValueUpdate_ = this.onValueUpdate_.bind(this);	×
28
29	this.formatter_ = config.formatter;	×
30
31	this.element = doc.createElement('div');	×
32	this.element.classList.add(cn());	×
33	config.viewProps.bindClassModifiers(this.element);	×
34
35	const textareaElem = doc.createElement('textarea');	×
36	textareaElem.classList.add(cn('i'));	×
37	textareaElem.style.height = `calc(var(${getCssVar(	×
38	'containerUnitSize',
39	)}) * ${config.rows})`;
40	textareaElem.readOnly = true;	×
41	config.viewProps.bindDisabled(textareaElem);	×
42	this.element.appendChild(textareaElem);	×
43	this.textareaElem_ = textareaElem;	×
44
45	config.value.emitter.on('change', this.onValueUpdate_);	×
46	this.value = config.value;	×
47
48	this.update_();	×
49	}
50
51	private update_(): void {	1✔
52	const elem = this.textareaElem_;	×
53	const shouldScroll =
54	elem.scrollTop === elem.scrollHeight - elem.clientHeight;	×
55
56	const lines: string[] = [];	×
57	this.value.rawValue.forEach((value) => {	×
58	if (value !== undefined) {	×
59	lines.push(this.formatter_(value));	×
60	}
61	});
62	elem.textContent = lines.join('\n');	×
63
64	if (shouldScroll) {	×
65	elem.scrollTop = elem.scrollHeight;	×
66	}
67	}
68
69	private onValueUpdate_(): void {	1✔
70	this.update_();	×
71	}
72	}	1✔

cocopon / tweakpane / 4162241011

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous