8248114850

Committed 12 Mar 2024 11:35AM UTC coverage: 23.14% (-0.6%) from 23.713%

Build # 8248114850

Build Type

Pull #596

github

Committed by

gustavo-salazar

Commit Message

fixing DownloadForm test error

Pull Request Pull Request #596: Client for InterPro 99.0

Run Details

725 of 4300 branches covered (16.86%)

Branch coverage included in aggregate %.

13 of 36 new or added lines in 14 files covered. (36.11%)

12 existing lines in 8 files now uncovered.

1763 of 6452 relevant lines covered (27.32%)

56.84 hits per line

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

0.0

/src/components/Toast/Toast/index.js

import React, { PureComponent } from 'react';
import T from 'prop-types';
import { sleep } from 'timing-functions';

import { webAnimations as supportsWebAnimations } from 'utils/support';
import Link from 'components/generic/Link';

import { foundationPartial } from 'styles/foundation';
import localStyles from './style.css';
import blocks from 'styles/blocks.css';

const s = foundationPartial(localStyles, blocks);

const GRANULARITY = 250; // 250ms, time frequency of ttl update
const ANIMATION_DURATION = 500; // 500ms
const ANIMATION_OPTIONS = {
  duration: ANIMATION_DURATION,
  easing: 'ease-in-out',
  fill: 'both',
};

/*:: type Props = {
  toastId: string,
  paused: boolean,
  className: string,
  title: string,
  body: string,
  link: Object,
  action: Object,
  ttl: number,
  checkBox: Object,
  handleClose: function
};*/

export default class Toast extends PureComponent /*:: <Props> */ {
  /* ::
    _ref: { current: null | React$ElementRef<'li'> };
    _remaining: number;
  */
  static propTypes = {
    toastId: T.string.isRequired,
    paused: T.bool.isRequired,
    className: T.string,
    title: T.string,
    body: T.oneOfType([T.string, T.object]).isRequired,
    link: T.object,
    action: T.object,
    ttl: T.number,
    checkBox: T.object,
    handleClose: T.func.isRequired,
  };

  constructor(props /*: Props */) {
    super(props);

    this._ref = React.createRef();
  }

  componentDidMount() {
    const ttl = +this.props.ttl;
    if (ttl && !isNaN(ttl) && ttl >= 0 && ttl !== Infinity) {
      this._remaining = this.props.ttl;
      this._timeout = setTimeout(this._loop, GRANULARITY);
    }
    if (supportsWebAnimations && this._ref.current) {
      this._ref.current.animate(
        { transform: ['translateX(150%)', 'translateX(0)'] },
        ANIMATION_OPTIONS,
      );
    }
  }

  componentWillUnmount() {
    clearTimeout(this._timeout);
  }

  _loop = () => {
    if (!this.props.paused) this._remaining -= GRANULARITY;
    if (this._remaining < 0) {
      this._close();
      this._remaining = null;
      this._timeout = null;
      return;
    }
    this._timeout = setTimeout(this._loop, GRANULARITY);
  };

  _close = async (e) => {
    if (supportsWebAnimations && this._ref.current) {
      this._ref.current.animate(
        { transform: ['translateX(0)', 'translateX(150%)'] },
        ANIMATION_OPTIONS,
      );
      if (e) e.persist();
      await sleep(ANIMATION_DURATION);
    }
    this.props.handleClose(this.props.toastId, e);
  };

  render() {
    const {
      toastId,
      title,
      body,
      link,
      action,
      className,
      paused,
      ttl,
      checkBox,
      handleClose,
      ...props // passed
    } = this.props;
    return (
      <li
        className={s('simple-box', 'toast', className || 'primary')}
        role="presentation"
        onClick={this._close}
        onKeyPress={this._close}
        ref={this._ref}
        {...props}
      >
        {title && <strong>{title}</strong>}
        {typeof body === 'string' ? <p>{body}</p> : body}
        {link ? <Link {...link} /> : null}
        {action ? (
          <button type="button" className={s('button')} onClick={action.fn}>
            {action.text || 'Action'}
          </button>
        ) : null}
        {checkBox ? (
          <label>
            {' '}
            <input type="checkbox" value={false} onClick={checkBox.fn} />{' '}
            {checkBox.label}{' '}
          </label>
        ) : null}
      </li>
    );
  }
}

1	import React, { PureComponent } from 'react';
2	import T from 'prop-types';
3	import { sleep } from 'timing-functions';
4
5	import { webAnimations as supportsWebAnimations } from 'utils/support';
6	import Link from 'components/generic/Link';
7
8	import { foundationPartial } from 'styles/foundation';
9	import localStyles from './style.css';
10	import blocks from 'styles/blocks.css';
11
NEW 12	const s = foundationPartial(localStyles, blocks);	×
13
14	const GRANULARITY = 250; // 250ms, time frequency of ttl update	×
15	const ANIMATION_DURATION = 500; // 500ms	×
16	const ANIMATION_OPTIONS = {	×
17	duration: ANIMATION_DURATION,
18	easing: 'ease-in-out',
19	fill: 'both',
20	};
21
22	/*:: type Props = {
23	toastId: string,
24	paused: boolean,
25	className: string,
26	title: string,
27	body: string,
28	link: Object,
29	action: Object,
30	ttl: number,
31	checkBox: Object,
32	handleClose: function
33	};*/
34
35	export default class Toast extends PureComponent /:: <Props> / {
36	/* ::
37	_ref: { current: null \| React$ElementRef<'li'> };
38	_remaining: number;
39	*/
40	static propTypes = {	×
41	toastId: T.string.isRequired,
42	paused: T.bool.isRequired,
43	className: T.string,
44	title: T.string,
45	body: T.oneOfType([T.string, T.object]).isRequired,
46	link: T.object,
47	action: T.object,
48	ttl: T.number,
49	checkBox: T.object,
50	handleClose: T.func.isRequired,
51	};
52
53	constructor(props /: Props /) {
54	super(props);	×
55
56	this._ref = React.createRef();	×
57	}
58
59	componentDidMount() {
60	const ttl = +this.props.ttl;	×
61	if (ttl && !isNaN(ttl) && ttl >= 0 && ttl !== Infinity) {	×
62	this._remaining = this.props.ttl;	×
63	this._timeout = setTimeout(this._loop, GRANULARITY);	×
64	}
65	if (supportsWebAnimations && this._ref.current) {	×
66	this._ref.current.animate(	×
67	{ transform: ['translateX(150%)', 'translateX(0)'] },
68	ANIMATION_OPTIONS,
69	);
70	}
71	}
72
73	componentWillUnmount() {
74	clearTimeout(this._timeout);	×
75	}
76
77	_loop = () => {	×
78	if (!this.props.paused) this._remaining -= GRANULARITY;	×
79	if (this._remaining < 0) {	×
80	this._close();	×
81	this._remaining = null;	×
82	this._timeout = null;	×
83	return;	×
84	}
85	this._timeout = setTimeout(this._loop, GRANULARITY);	×
86	};
87
88	_close = async (e) => {	×
89	if (supportsWebAnimations && this._ref.current) {	×
90	this._ref.current.animate(	×
91	{ transform: ['translateX(0)', 'translateX(150%)'] },
92	ANIMATION_OPTIONS,
93	);
94	if (e) e.persist();	×
95	await sleep(ANIMATION_DURATION);	×
96	}
97	this.props.handleClose(this.props.toastId, e);	×
98	};
99
100	render() {
101	const {
102	toastId,
103	title,
104	body,
105	link,
106	action,
107	className,
108	paused,
109	ttl,
110	checkBox,
111	handleClose,
112	...props // passed
113	} = this.props;	×
114	return (	×
115	<li
116	className={s('simple-box', 'toast', className \|\| 'primary')}	×
117	role="presentation"
118	onClick={this._close}
119	onKeyPress={this._close}
120	ref={this._ref}
121	{...props}
122	>
123	{title && <strong>{title}</strong>}	×
124	{typeof body === 'string' ? <p>{body}</p> : body}	×
125	{link ? <Link {...link} /> : null}	×
126	{action ? (	×
127	<button type="button" className={s('button')} onClick={action.fn}>
128	{action.text \|\| 'Action'}	×
129	</button>
130	) : null}
131	{checkBox ? (	×
132	<label>
133	{' '}
134	<input type="checkbox" value={false} onClick={checkBox.fn} />{' '}
135	{checkBox.label}{' '}
136	</label>
137	) : null}
138	</li>
139	);
140	}
141	}

ProteinsWebTeam / interpro7-client / 8248114850

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