#358

Build # #358

Build Type

travis

Committed by GitHub

Commit Message

<a href="https://github.com/nbeach/ng-unit/commit/HEAD">Merge </a><a class="double-link" href="https://github.com/nbeach/ng-unit/commit/66bed83d4">66bed83d4</a><a href="https://github.com/nbeach/ng-unit/commit/HEAD"> into </a><a class="double-link" href="https://github.com/nbeach/ng-unit/commit/7d39d7e3a">7d39d7e3a</a>

Pull Request Pull Request #61: Added ability to provide additional properties for events

Run Details

34 of 36 branches covered (94.44%)

Branch coverage included in aggregate %.

4 of 4 new or added lines in 1 file covered. (100.0%)

244 of 249 relevant lines covered (97.99%)

23.47 hits per line

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

87.27

/src/dom.ts

import {ComponentFixture} from "@angular/core/testing"
import {isNil, isString, findIndex} from "lodash"
import {By} from "@angular/platform-browser"
import {selectorOf} from "./selector-of"
import {Type} from "@angular/core"
import { isEqual } from "lodash"

function doIfElementPresent<T>(element: T | null, action: (item: T) => void) {
    if (isNil(element)) {
        throw new Error("Element is not present")
    } else {
        action(element)
    }
}

export function setTextInputValue(input: Element | null, value: string): void {
    doIfElementPresent(input, input => {
        (input as HTMLInputElement).value = value
        trigger(input, "input")
        trigger(input, "change")
    })
}

export function setSelectIndex(selectBox: Element | null, index: number): void {
    doIfElementPresent(selectBox, selectBox => {
        (selectBox as any).selectedIndex = index
        trigger(selectBox, "change")
    })
}

export function setSelectValue(selectBox: Element | null, value: string): void {
    doIfElementPresent(selectBox, selectBox => {
        const index = findIndex(selectBox.children, option => option.getAttribute("value") === value || option.textContent === value)
        setSelectIndex(selectBox, index)
    })
}

export function setSelectFromOptions(selectBox: Element | null, optionToSelection: any, allOptions: any[]): void {
    doIfElementPresent(selectBox, selectBox => {
        const index = findIndex(allOptions, option => isEqual(option, optionToSelection))
        setSelectIndex(selectBox, index)
    })
}

export const setTextAreaValue = setTextInputValue

export function setCheckboxValue(input: Element | null, checked: boolean): void {
    doIfElementPresent(input, input => {
        (input as HTMLInputElement).checked = checked
        trigger(input, "change")
    })
}

export function setRadioButton(radioButton: Element | null, selected: boolean): void {
    doIfElementPresent(radioButton, radioButton => {
        (radioButton as HTMLInputElement).checked = selected
        trigger(radioButton, "change")
    })
}

export interface EventProperties {
    [key: string]: any
}

export function trigger(element: Node | null, eventType: string, eventProperties: EventProperties = {}): void {
    doIfElementPresent(element, element => {
        try {
            const event: any = new Event(eventType, { bubbles: true, cancelable: true  })
            element.dispatchEvent(Object.assign(event, eventProperties))
        } catch (exception) {
            // IE11 Fix
            if (exception.description === "Object doesn't support this action") {
                const event = document.createEvent("MouseEvent")
                event.initMouseEvent(
                    eventType,
                    true,
                    true,
                    window,
                    eventProperties.detail || 0,
                    eventProperties.screenX || 0,
                    eventProperties.screenY || 0,
                    eventProperties.clientX || 0,
                    eventProperties.clientY || 0,
                    eventProperties.ctrlKey || false,
                    eventProperties.altKey || false,
                    eventProperties.shiftKey || false,
                    eventProperties.metaKey || false,
                    eventProperties.button || 0,
                    eventProperties.relatedTarget || null)

                element.dispatchEvent(Object.assign(event, eventProperties))

            } else {
                throw exception
            }
        }
    })
}

function resolveSelector(selectorOrConstructor: string | Type<any>): string {
    return isString(selectorOrConstructor) ? selectorOrConstructor : selectorOf(selectorOrConstructor)
}

export function selectComponent<T, S>(selectorOrConstructor: string | Type<S>, fixture: ComponentFixture<T>): S | any | null {
    const selector = resolveSelector(selectorOrConstructor)
    const element = fixture.debugElement.query(By.css(selector))
    return isNil(element) ? null : element.componentInstance
}

export function selectComponents<T, S>(selectorOrConstructor: string | Type<S>, fixture: ComponentFixture<T>): (S | any)[] {
    const selector = resolveSelector(selectorOrConstructor)
    return fixture.debugElement.queryAll(By.css(selector)).map(element => element.componentInstance)
}


1	import {ComponentFixture} from "@angular/core/testing"
2	import {isNil, isString, findIndex} from "lodash"	1✔
3	import {By} from "@angular/platform-browser"	1✔
4	import {selectorOf} from "./selector-of"	1✔
5	import {Type} from "@angular/core"
6	import { isEqual } from "lodash"
7
8	function doIfElementPresent<T>(element: T \| null, action: (item: T) => void) {	161✔
9	if (isNil(element)) {	6✔
10	throw new Error("Element is not present")
11	} else {	155✔
12	action(element)
13	}
14	}
15		1✔
16	export function setTextInputValue(input: Element \| null, value: string): void {	5✔
17	doIfElementPresent(input, input => {	3✔
18	(input as HTMLInputElement).value = value	3✔
19	trigger(input, "input")	3✔
20	trigger(input, "change")
21	})
22	}
23
24	export function setSelectIndex(selectBox: Element \| null, index: number): void {	1✔
25	doIfElementPresent(selectBox, selectBox => {	3✔
26	(selectBox as any).selectedIndex = index	2✔
27	trigger(selectBox, "change")	6✔
28	})
29	}	2✔
30
31	export function setSelectValue(selectBox: Element \| null, value: string): void {
32	doIfElementPresent(selectBox, selectBox => {
33	const index = findIndex(selectBox.children, option => option.getAttribute("value") === value \|\| option.textContent === value)	1✔
34	setSelectIndex(selectBox, index)
35	})	1✔
36	}	3✔
37		2✔
38	export function setSelectFromOptions(selectBox: Element \| null, optionToSelection: any, allOptions: any[]): void {	2✔
39	doIfElementPresent(selectBox, selectBox => {
40	const index = findIndex(allOptions, option => isEqual(option, optionToSelection))
41	setSelectIndex(selectBox, index)
42	})	1✔
43	}	4✔
44		3✔
45	export const setTextAreaValue = setTextInputValue	3✔
46
47	export function setCheckboxValue(input: Element \| null, checked: boolean): void {
48	doIfElementPresent(input, input => {
49	(input as HTMLInputElement).checked = checked
50	trigger(input, "change")
51	})
52	}
53		259✔
54	export function setRadioButton(radioButton: Element \| null, selected: boolean): void {	146✔
55	doIfElementPresent(radioButton, radioButton => {	145✔
56	(radioButton as HTMLInputElement).checked = selected	145✔
57	trigger(radioButton, "change")	145✔
58	})
59	}
60		×
61	export interface EventProperties {	×
62	[key: string]: any	×
63	}
64
65	export function trigger(element: Node \| null, eventType: string, eventProperties: EventProperties = {}): void {
66	doIfElementPresent(element, element => {
67	try {
68	const event: any = new Event(eventType, { bubbles: true, cancelable: true })
69	element.dispatchEvent(Object.assign(event, eventProperties))
70	} catch (exception) {
71	// IE11 Fix
72	if (exception.description === "Object doesn't support this action") {
73	const event = document.createEvent("MouseEvent")
74	event.initMouseEvent(
75	eventType,
76	true,
77	true,
78	window,
79	eventProperties.detail \|\| 0,	×
80	eventProperties.screenX \|\| 0,
81	eventProperties.screenY \|\| 0,
82	eventProperties.clientX \|\| 0,	×
83	eventProperties.clientY \|\| 0,
84	eventProperties.ctrlKey \|\| false,
85	eventProperties.altKey \|\| false,
86	eventProperties.shiftKey \|\| false,
87	eventProperties.metaKey \|\| false,
88	eventProperties.button \|\| 0,
89	eventProperties.relatedTarget \|\| null)	40✔
90
91	element.dispatchEvent(Object.assign(event, eventProperties))
92		1✔
93	} else {	36✔
94	throw exception	36✔
95	}	36✔
96	}
97	})
98	}	1✔
99		4✔
100	function resolveSelector(selectorOrConstructor: string \| Type<any>): string {	6✔
101	return isString(selectorOrConstructor) ? selectorOrConstructor : selectorOf(selectorOrConstructor)
102	}
103
104	export function selectComponent<T, S>(selectorOrConstructor: string \| Type<S>, fixture: ComponentFixture<T>): S \| any \| null {
105	const selector = resolveSelector(selectorOrConstructor)
106	const element = fixture.debugElement.query(By.css(selector))
107	return isNil(element) ? null : element.componentInstance
108	}
109
110	export function selectComponents<T, S>(selectorOrConstructor: string \| Type<S>, fixture: ComponentFixture<T>): (S \| any)[] {
111	const selector = resolveSelector(selectorOrConstructor)
112	return fixture.debugElement.queryAll(By.css(selector)).map(element => element.componentInstance)
113	}
114

nbeach / ng-unit / #358

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