weui / react-weui / 233

pending completion

Build # 233

Build Type

Pull #322

travis-ci

Committed by

web-flow

Commit Message

<a href="https://github.com/weui/react-weui/commit/<a class=hub.com/weui/react-weui/commit/<a class="double-link" href="https://git"><a class=hub.com/weui/react-weui/commit/<a class="double-link" href="https://git"><a class=hub.com/weui/react-weui/commit/<a class="double-link" href="https://git"><a class=hub.com/weui/react-weui/commit/5d77061d8325754021c915e819e6a44c293e5a33">5d77061d8">&lt;a href=&quot;https://github.com/weui/react-weui/commit/</a><a class="double-link" href="https://github.com/weui/react-weui/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/weui/react-weui/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/weui/react-weui/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/weui/react-weui/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/weui/react-weui/commit/5d77061d8325754021c915e819e6a44c293e5a33">5d77061d8</a><a href="https://github.com/weui/react-weui/commit/5d77061d8325754021c915e819e6a44c293e5a33">&quot;&gt;&amp;lt;a href=&amp;quot;https://github.com/weui/react-weui/commit/&lt;/a&gt;&lt;a class=&quot;double-link&quot; href=&quot;https://github.com/weui/react-weui/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/weui/react-weui/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/weui/react-weui/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/weui/react-weui/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/weui/react-weui/commit/5d77061d8325754021c915e819e6a44c293e5a33&quot;&gt;5d77061d8&lt;/a&gt;&lt;a href=&quot;https://github.com/weui/react-weui/commit/5d77061d8325754021c915e819e6a44c293e5a33&quot;&gt;&amp;quot;&amp;gt;&amp;amp;lt;a href=&amp;amp;quot;https://github.com/weui/react-weui/commit/&amp;lt;/a&amp;gt;&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://github.com/weui/react-weui/commit/&amp;amp;lt;a class=&amp;amp;quot;double-link&am... (continued)

Pull Request Pull Request #322: fix: issue 320

Run Details

328 of 601 branches covered (54.58%)

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

1056 of 1301 relevant lines covered (81.17%)

211.25 hits per line

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

70.97

/src/components/dialog/dialog.js

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import classNames from '../../utils/classnames';
import Mask from '../mask/index';

/**
 * Modals provide feedback to user
 *
 */
class Dialog extends Component {
    static propTypes = {
        /**
         * Object Arrays of buttons, `label` property is require
         *
         */
        buttons: PropTypes.array,
        /**
         * to display the dialog
         *
         */
        show: PropTypes.bool,
        /**
         * Title of dialog
         *
         */
        title: PropTypes.string,
        /**
         * Specify display style: ios/android, default is ios when autoDetect not on
         *
         */
        type: PropTypes.string,
    };

    static defaultProps = {
        buttons: [],
        show: false,
        title: '',
        type: '',
    };

    constructor(props){
        super(props);

        this.state = {
            isAndroid: ''
        };
    }

    renderButtons() {
        return this.props.buttons.map((action, idx) => {
            const {type, label, onClick, ...others} = action;
            const className = classNames({
                'weui-dialog__btn': true,
                'weui-dialog__btn_default': type === 'default',
                'weui-dialog__btn_primary': type === 'primary'
            });

            return (
                <a
                    key={idx}
                    href="#"
                    onClick={(e) => {
                        e.preventDefault();
                        if (onClick && typeof onClick === 'function') {
                            onClick(e);
                        }
                        return false;
                    }}
                    {...others}
                    className={className}
                >{label}</a>
            );
        });
    }

    render() {
        const {title, show, className, children, buttons, type, autoDectect, ...others} = this.props;
        const styleType = type ? type : 'ios';
        const cls = classNames('weui-dialog', {
            'weui-skin_android': styleType === 'android',
            [className]: className
        });

        return (
            <div style={{display: show ? 'block' : 'none'}}>
                <Mask/>
                <div className={cls} {...others}>
                    { title ?
                    <div className="weui-dialog__hd">
                        <strong className="weui-dialog__title">{title}</strong>
                    </div> : false }
                    <div className="weui-dialog__bd">
                        {children}
                    </div>
                    <div className="weui-dialog__ft">
                        {this.renderButtons()}
                    </div>
                </div>
            </div>
        );
    }
}

export default Dialog;

1	import React, { Component } from 'react';	2✔
2	import PropTypes from 'prop-types';	2✔
3	import classNames from '../../utils/classnames';	2✔
4	import Mask from '../mask/index';	2✔
5
6	/**
7	* Modals provide feedback to user
8	*
9	*/
10	class Dialog extends Component {
11	static propTypes = {
12	/**
13	* Object Arrays of buttons, `label` property is require
14	*
15	*/
16	buttons: PropTypes.array,
17	/**
18	* to display the dialog
19	*
20	*/
21	show: PropTypes.bool,
22	/**
23	* Title of dialog
24	*
25	*/
26	title: PropTypes.string,
27	/**
28	* Specify display style: ios/android, default is ios when autoDetect not on
29	*
30	*/
31	type: PropTypes.string,
32	};
33
34	static defaultProps = {
35	buttons: [],
36	show: false,
37	title: '',
38	type: '',
39	};
40
41	constructor(props){	216!
42	super(props);
43
44	this.state = {	72✔
45	isAndroid: ''
46	};
47	}
48
49	renderButtons() {
50	return this.props.buttons.map((action, idx) => {	108✔
51	const {type, label, onClick, ...others} = action;	324✔
52	const className = classNames({	108✔
53	'weui-dialog__btn': true,
54	'weui-dialog__btn_default': type === 'default',
55	'weui-dialog__btn_primary': type === 'primary'
56	});
57
58	return (	108✔
59	<a
60	key={idx}
61	href="#"
62	onClick={(e) => {
63	e.preventDefault();	72✔
64	if (onClick && typeof onClick === 'function') {	×
65	onClick(e);	×
66	}
67	return false;	×
68	}}
69	{...others}
70	className={className}
71	>{label}</a>
72	);
73	});
74	}
75
76	render() {	504✔
77	const {title, show, className, children, buttons, type, autoDectect, ...others} = this.props;	72✔
78	const styleType = type ? type : 'ios';	72✔
79	const cls = classNames('weui-dialog', {	72✔
80	'weui-skin_android': styleType === 'android',
81	[className]: className
82	});
83
84	return (	72✔
85	<div style={{display: show ? 'block' : 'none'}}>	72✔
86	<Mask/>
87	<div className={cls} {...others}>
88	{ title ?
89	<div className="weui-dialog__hd">	72!
90	<strong className="weui-dialog__title">{title}</strong>
91	</div> : false }
92	<div className="weui-dialog__bd">
93	{children}
94	</div>
95	<div className="weui-dialog__ft">
96	{this.renderButtons()}
97	</div>
98	</div>
99	</div>
100	);
101	}
102	}
103
104	export default Dialog;

weui / react-weui / 233

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