16133975773

Committed 08 Jul 2025 04:28AM UTC coverage: 91.987% (-0.006%) from 91.993%

Build # 16133975773

Build Type

Pull #7592

github

Committed by

web-flow

Commit Message

Merge d482c8f80 into d1fa0e71a

Pull Request Pull Request #7592: Refactor DropDownMenu class to a new React component

Run Details

642 of 1381 branches covered (46.49%)

Branch coverage included in aggregate %.

8 of 11 new or added lines in 1 file covered. (72.73%)

41981 of 44955 relevant lines covered (93.38%)

118.4 hits per line

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

73.33

/app/javascript/Components/Result/dropdown_menu.jsx

import React from "react";
import PropTypes from "prop-types";

import safe_marked from "../../common/safe_marked";

export class DropDownMenu extends React.Component {
  constructor(props) {
    super(props);
    this.state = {onHover: false};
  }

  handleMouseEnter = () => {
    this.setState({onHover: true});
  };

  handleMouseLeave = () => {
    this.setState({onHover: false});
  };

  render() {
    return (
      <li
        className="dropdown_menu"
        onMouseEnter={this.handleMouseEnter}
        onMouseLeave={this.handleMouseLeave}
        onMouseDown={e => e.preventDefault()}
      >
        <div className="dropdown-header">{this.props.header}</div>

        {this.state.onHover && (
          <div className="list">
            <ul>
              {this.props.items.map(item => (
                <li
                  key={item.id}
                  id={item.id}
                  data-testid={`item-${item.id}`}
                  onMouseEnter={() => this.props.addExistingAnnotation(item.id)}
                  onMouseDown={e => e.preventDefault()}
                  title={item.content}
                >
                  <span
                    className={"text-content"}
                    dangerouslySetInnerHTML={{__html: safe_marked(item.content).slice(0, 70)}}
                  />
                  <span className={"red-text"}>{!item.deduction ? "" : "-" + item.deduction}</span>
                </li>
              ))}
            </ul>
          </div>
        )}
      </li>
    );
  }
}

1	import React from "react";
2	import PropTypes from "prop-types";
3
4	import safe_marked from "../../common/safe_marked";
5
6	export class DropDownMenu extends React.Component {
7	constructor(props) {
8	super(props);	5✔
9	this.state = {onHover: false};	5✔
10	}
11
12	handleMouseEnter = () => {	5✔
13	this.setState({onHover: true});	2✔
14	};
15
16	handleMouseLeave = () => {	5✔
17	this.setState({onHover: false});	1✔
18	};
19
20	render() {
21	return (	8✔
22	<li
23	className="dropdown_menu"
24	onMouseEnter={this.handleMouseEnter}
25	onMouseLeave={this.handleMouseLeave}
NEW 26	onMouseDown={e => e.preventDefault()}	×
27	>
28	<div className="dropdown-header">{this.props.header}</div>
29
30	{this.state.onHover && (	10✔
31	<div className="list">
32	<ul>
33	{this.props.items.map(item => (
34	<li	4✔
35	key={item.id}
36	id={item.id}
37	data-testid={`item-${item.id}`}
NEW 38	onMouseEnter={() => this.props.addExistingAnnotation(item.id)}	×
NEW 39	onMouseDown={e => e.preventDefault()}	×
40	title={item.content}
41	>
42	<span
43	className={"text-content"}
44	dangerouslySetInnerHTML={{__html: safe_marked(item.content).slice(0, 70)}}
45	/>
46	<span className={"red-text"}>{!item.deduction ? "" : "-" + item.deduction}</span>	4!
47	</li>
48	))}
49	</ul>
50	</div>
51	)}
52	</li>
53	);
54	}
55	}

MarkUsProject / Markus / 16133975773

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