4568

pending completion

Build # 4568

Build Type

Pull #1237

travis-ci

Committed by

web-flow

Commit Message

SDBELGA-108 List all recent event templates is 'limit' query param was not provided.

(cherry picked from commit 00de2e8b7)

Pull Request Pull Request #1237: Updating 1.29 for 28/06/2019

Run Details

7038 of 14645 branches covered (48.06%)

130 of 130 new or added lines in 13 files covered. (100.0%)

20536 of 28764 relevant lines covered (71.39%)

4.55 hits per line

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

45.78

/client/components/UI/SearchBox.jsx

import React from 'react';
import PropTypes from 'prop-types';
import {gettext} from './utils';
import {KEYCODES} from './constants';

/**
 * @ngdoc react
 * @name SearchBox
 * @description Search box with input to search
 */
class SearchBox extends React.Component {
    constructor(props) {
        super(props);
        this.state = {inputValue: this.props.value};
        this.onChangeHandler = this.onChangeHandler.bind(this);
        this.onKeyPressHandler = this.onKeyPressHandler.bind(this);
        this.resetSearch = this.resetSearch.bind(this);
    }

    componentWillReceiveProps(nextProps) {
        if (this.props.value !== nextProps.value &&
         this.props.activeFilter !== nextProps.activeFilter) {
            this.setState({inputValue: nextProps.value});
        }

        if (this.state.inputValue !== '' && this.props.value !== '' &&
            nextProps.value === '' && this.props.activeFilter === nextProps.activeFilter) {
            this.setState({inputValue: nextProps.value});
        }
    }

    onChangeHandler(evt) {
        this.setState({inputValue: evt.target.value});
    }

    onKeyPressHandler(evt) {
        if (evt.charCode === KEYCODES.ENTER) {
            this.props.search(this.state.inputValue);
        }
    }

    resetSearch() {
        this.setState({
            inputValue: '',
        });
        this.props.search();
    }
    render() {
        const {allowRemove} = this.props;

        return (
            <div className="sd-searchbar sd-searchbar--focused">
                <label htmlFor="search-input" className="sd-searchbar__icon" />
                <input type="text" id="search-input"
                    autoComplete="off"
                    className="sd-searchbar__input"
                    placeholder={gettext(this.props.label)}
                    value={this.state.inputValue}
                    onChange={this.onChangeHandler}
                    onKeyPress={this.onKeyPressHandler}
                />
                {allowRemove && this.state.inputValue && (
                    <button
                        type="button"
                        className="search-close visible"
                        onClick={this.resetSearch}>
                        <i className="icon-remove-sign" />
                    </button>
                )}
                <button className="sd-searchbar__search-btn"
                    onClick={() => this.props.search(this.state.inputValue)}>
                    <i className="big-icon--chevron-right" />
                </button>
            </div>
        );
    }
}

SearchBox.propTypes = {
    label: PropTypes.string.isRequired,
    value: PropTypes.string.isRequired,
    search: PropTypes.func.isRequired,
    activeFilter: PropTypes.string.isRequired,
    allowRemove: PropTypes.bool,
};

SearchBox.defaultProps = {
    allowRemove: false,
};

export default SearchBox;

1	import React from 'react';
2	import PropTypes from 'prop-types';	1✔
3	import {gettext} from './utils';	1✔
4	import {KEYCODES} from './constants';	1!
5		×
6	/**	×
7	* @ngdoc react	1✔
8	* @name SearchBox
9	* @description Search box with input to search	1✔
10	*/	1✔
11	class SearchBox extends React.Component {	1✔
12	constructor(props) {	1!
13	super(props);
14	this.state = {inputValue: this.props.value};
15	this.onChangeHandler = this.onChangeHandler.bind(this);	1✔
16	this.onKeyPressHandler = this.onKeyPressHandler.bind(this);	2!
17	this.resetSearch = this.resetSearch.bind(this);
18	}	1✔
19		1✔
20	componentWillReceiveProps(nextProps) {	1✔
21	if (this.props.value !== nextProps.value &&	1✔
22	this.props.activeFilter !== nextProps.activeFilter) {	1✔
23	this.setState({inputValue: nextProps.value});
24	}
25
26	if (this.state.inputValue !== '' && this.props.value !== '' &&
27	nextProps.value === '' && this.props.activeFilter === nextProps.activeFilter) {
28	this.setState({inputValue: nextProps.value});	1✔
29	}	1✔
30	}	1✔
31		×
32	onChangeHandler(evt) {	×
33	this.setState({inputValue: evt.target.value});	×
34	}	×
35		×
36	onKeyPressHandler(evt) {	×
37	if (evt.charCode === KEYCODES.ENTER) {
38	this.props.search(this.state.inputValue);	1✔
39	}	×
40	}
41		×
42	resetSearch() {
43	this.setState({	×
44	inputValue: '',
45	});	×
46	this.props.search();
47	}
48	render() {	1✔
49	const {allowRemove} = this.props;	×
50
51	return (	1✔
52	<div className="sd-searchbar sd-searchbar--focused">	×
53	<label htmlFor="search-input" className="sd-searchbar__icon" />	×
54	<input type="text" id="search-input"
55	autoComplete="off"
56	className="sd-searchbar__input"	1✔
57	placeholder={gettext(this.props.label)}	×
58	value={this.state.inputValue}
59	onChange={this.onChangeHandler}
60	onKeyPress={this.onKeyPressHandler}	×
61	/>
62	{allowRemove && this.state.inputValue && (	1✔
63	<button	×
64	type="button"	×
65	className="search-close visible"	×
66	onClick={this.resetSearch}>
67	<i className="icon-remove-sign" />
68	</button>	×
69	)}
70	<button className="sd-searchbar__search-btn"	×
71	onClick={() => this.props.search(this.state.inputValue)}>
72	<i className="big-icon--chevron-right" />
73	</button>	1✔
74	</div>
75	);	1✔
76	}
77	}
78
79	SearchBox.propTypes = {
80	label: PropTypes.string.isRequired,
81	value: PropTypes.string.isRequired,
82	search: PropTypes.func.isRequired,	1✔
83	activeFilter: PropTypes.string.isRequired,
84	allowRemove: PropTypes.bool,
85	};	1✔
86
87	SearchBox.defaultProps = {
88	allowRemove: false,
89	};
90
91	export default SearchBox;

superdesk / superdesk-planning / 4568

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