15f7990a-8367-4304-a19d-12e49c1d6585

Committed 14 Jul 2025 05:54AM UTC coverage: 50.713% (-0.02%) from 50.737%

Build # 15f7990a-8367-4304-a19d-12e49c1d6585

Build Type

Pull #1585

circleci

Committed by

web-flow

Commit Message

Merge branch 'master' into graph-error-boundary

Pull Request Pull Request #1585: Adding ErrorBoundary over Graph

Run Details

502 of 930 branches covered (53.98%)

Branch coverage included in aggregate %.

3 of 8 new or added lines in 1 file covered. (37.5%)

6 existing lines in 1 file now uncovered.

1773 of 3556 relevant lines covered (49.86%)

189.85 hits per line

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

37.5

/js/components/graph/GraphFallback.js

import React from "react"
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
import { faTriangleExclamation } from "@fortawesome/free-solid-svg-icons"
import PropTypes from "prop-types"

export default class GraphFallback extends React.Component {
  sendEmail() {
    const email = "david@cs.toronto.edu"
    window.location.href = `mailto:${email}`
  }

  render() {
    const { error } = this.props

    return (
      <div className="error-boundary-container">
        <div className="error-boundary-box">
          <div className="error-boundary-text">
            <FontAwesomeIcon icon={faTriangleExclamation} id="error-svg" />
            <p style={{ marginBottom: "0.5rem" }} id="graph-fallback">
              Your graph has failed to render. Please reload this page or report this
              issue to David Liu at {""}
              <span
                style={{ fontWeight: "bold", cursor: "pointer" }}
                onClick={() => this.sendEmail()}
                onMouseEnter={e => (e.target.style.textDecoration = "underline")}
                onMouseLeave={e => (e.target.style.textDecoration = "none")}
              >
                david@cs.toronto.edu
              </span>
            </p>
            <p style={{ fontSize: "20px" }}>Details: {error.message}</p>
          </div>
        </div>
      </div>
    )
  }
}

GraphFallback.propTypes = {
  error: PropTypes.object.isRequired,
}

1	import React from "react"
2	import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
3	import { faTriangleExclamation } from "@fortawesome/free-solid-svg-icons"
4	import PropTypes from "prop-types"
5
6	export default class GraphFallback extends React.Component {
7	sendEmail() {
NEW 8	const email = "david@cs.toronto.edu"	×
NEW 9	window.location.href = `mailto:${email}`	×
10	}
11
12	render() {
13	const { error } = this.props	2✔
14
15	return (	2✔
16	<div className="error-boundary-container">
17	<div className="error-boundary-box">
18	<div className="error-boundary-text">
19	<FontAwesomeIcon icon={faTriangleExclamation} id="error-svg" />
20	<p style={{ marginBottom: "0.5rem" }} id="graph-fallback">
21	Your graph has failed to render. Please reload this page or report this
22	issue to David Liu at {""}
23	<span
24	style={{ fontWeight: "bold", cursor: "pointer" }}
NEW 25	onClick={() => this.sendEmail()}	×
NEW 26	onMouseEnter={e => (e.target.style.textDecoration = "underline")}	×
NEW 27	onMouseLeave={e => (e.target.style.textDecoration = "none")}	×
28	>
29	david@cs.toronto.edu
30	</span>
31	</p>
32	<p style={{ fontSize: "20px" }}>Details: {error.message}</p>
33	</div>
34	</div>
35	</div>
36	)
37	}
38	}
39
40	GraphFallback.propTypes = {	6✔
41	error: PropTypes.object.isRequired,
42	}

Courseography / courseography / 15f7990a-8367-4304-a19d-12e49c1d6585

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