6854175063

Committed 13 Nov 2023 06:27PM UTC coverage: 23.457% (-0.02%) from 23.472%

Build # 6854175063

Build Type

push

github

Committed by

matthiasblum

Commit Message

Possibly fixes #529 by deleting all caches before reloading

Run Details

920 of 5448 branches covered (0.0%)

Branch coverage included in aggregate %.

0 of 3 new or added lines in 1 file covered. (0.0%)

1 existing line in 1 file now uncovered.

2250 of 8066 relevant lines covered (27.89%)

45.79 hits per line

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

74.19

/src/higherOrder/loadable/LoadingComponent/index.js

// @flow
import React, { PureComponent } from 'react';
import T from 'prop-types';

import Link from 'components/generic/Link';
import Loading from 'components/SimpleCommonComponents/Loading';

import { foundationPartial } from 'styles/foundation';

import ipro from 'styles/interpro-new.css';
import theme from 'styles/theme-interpro.css';

const f = foundationPartial(theme, ipro);

export const LoadingMessage = () => <Loading />;
LoadingMessage.displayName = 'LoadingMessage';

async function reload() {
  const names = await caches.keys();
  if (names.length > 0) {
    await Promise.all(names.map((name) => caches.delete(name)));
  }
  location.reload();
}

export const ErrorMessage = class extends PureComponent /*:: <{}>*/ {
  static displayName = 'ErrorMessage';

  render() {
    return (
      <div className={f('row')}>
        <div className={f('columns')}>
          <div className={f('callout', 'info', 'withicon')}>
            An error was encountered while trying to load an element of this
            page.
          </div>
          <p>
            Please try reloading the page to see if this resolves the problem.
          </p>
          <button onClick={reload} className={f('button')}>
            Reload this page
          </button>
          <p>
            If you continue to experience this error, please reach out to us
            using our contact form.
          </p>
          <Link
            className={f('button')}
            href="https://www.ebi.ac.uk/support/interpro"
            target="_blank"
            withReferrer
          >
            <span role="img" aria-label="email">
              ✉
            </span>
            ️ Contact form
          </Link>
        </div>
      </div>
    );
  }
};

/*:: type Props = {
  isLoading: boolean,
  timedOut: boolean,
  pastDelay: boolean,
  error?: any,
}; */

class LoadingComponent extends PureComponent /*:: <Props> */ {
  static propTypes = {
    isLoading: T.bool.isRequired,
    timedOut: T.bool.isRequired,
    pastDelay: T.bool.isRequired,
    error: T.any,
  };

  render() {
    const { isLoading, timedOut, pastDelay, error } = this.props;
    if (isLoading) {
      // Component is loading…
      if (timedOut) {
        // … but the timeout has ellapsed, maybe something bad happened…
        return <ErrorMessage />;
      } else if (pastDelay) {
        // … but it's taking a bit of time, better display loading info to user
        return <LoadingMessage />;
      }
      // … but still within normal delay, just relax and wait.
      return null;
    } else if (error) {
      // console.error(error);
      return <ErrorMessage />;
    }
    // If we haven't returned here, it means that something strange happened…
    // console.warn('Something strange is happening…');
    return null;
  }
}

export default LoadingComponent;

1	// @flow
2	import React, { PureComponent } from 'react';
3	import T from 'prop-types';
4
5	import Link from 'components/generic/Link';
6	import Loading from 'components/SimpleCommonComponents/Loading';
7
8	import { foundationPartial } from 'styles/foundation';
9
10	import ipro from 'styles/interpro-new.css';
11	import theme from 'styles/theme-interpro.css';
12
13	const f = foundationPartial(theme, ipro);	31✔
14
15	export const LoadingMessage = () => <Loading />;	31✔
16	LoadingMessage.displayName = 'LoadingMessage';	31✔
17
18	async function reload() {
NEW 19	const names = await caches.keys();	×
NEW 20	if (names.length > 0) {	×
NEW 21	await Promise.all(names.map((name) => caches.delete(name)));	×
22	}
UNCOV 23	location.reload();	×
24	}
25
26	export const ErrorMessage = class extends PureComponent /:: <{}>/ {	31✔
27	static displayName = 'ErrorMessage';	31✔
28
29	render() {
30	return (	1✔
31	<div className={f('row')}>
32	<div className={f('columns')}>
33	<div className={f('callout', 'info', 'withicon')}>
34	An error was encountered while trying to load an element of this
35	page.
36	</div>
37	<p>
38	Please try reloading the page to see if this resolves the problem.
39	</p>
40	<button onClick={reload} className={f('button')}>
41	Reload this page
42	</button>
43	<p>
44	If you continue to experience this error, please reach out to us
45	using our contact form.
46	</p>
47	<Link
48	className={f('button')}
49	href="https://www.ebi.ac.uk/support/interpro"
50	target="_blank"
51	withReferrer
52	>
53	<span role="img" aria-label="email">
54	✉
55	</span>
56	️ Contact form
57	</Link>
58	</div>
59	</div>
60	);
61	}
62	};
63
64	/*:: type Props = {
65	isLoading: boolean,
66	timedOut: boolean,
67	pastDelay: boolean,
68	error?: any,
69	}; */
70
71	class LoadingComponent extends PureComponent /:: <Props> / {
72	static propTypes = {	31✔
73	isLoading: T.bool.isRequired,
74	timedOut: T.bool.isRequired,
75	pastDelay: T.bool.isRequired,
76	error: T.any,
77	};
78
79	render() {
80	const { isLoading, timedOut, pastDelay, error } = this.props;	4✔
81	if (isLoading) {	4✔
82	// Component is loading…
83	if (timedOut) {	2!
84	// … but the timeout has ellapsed, maybe something bad happened…
85	return <ErrorMessage />;	×
86	} else if (pastDelay) {	2✔
87	// … but it's taking a bit of time, better display loading info to user
88	return <LoadingMessage />;	1✔
89	}
90	// … but still within normal delay, just relax and wait.
91	return null;	1✔
92	} else if (error) {	2✔
93	// console.error(error);
94	return <ErrorMessage />;	1✔
95	}
96	// If we haven't returned here, it means that something strange happened…
97	// console.warn('Something strange is happening…');
98	return null;	1✔
99	}
100	}
101
102	export default LoadingComponent;

ProteinsWebTeam / interpro7-client / 6854175063

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