Flow Coverage Report - src/components/shared/ResultList.js

Go back to all files summary.

Filename	Percent	Total	Covered	Uncovered
src/components/shared/ResultList.js	68 %	86	59	27

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */

// @flow
import React, { Component } from "react";
import classnames from "classnames";

import "./ResultList.css";

type Props = {
  items: Array<any>,
  selected: number,
  selectItem: (
    event: SyntheticKeyboardEvent<HTMLElement>,
    item: any,
    index: number
  ) => void,
  size: string,
  role: string
};

export default class ResultList extends Component<Props> {
  displayName: "ResultList";

  static defaultProps = {
    size: "small",
    role: "listbox"
  };

  constructor(props: Props) {
    super(props);
  }

  renderListItem = (item: any, index: number) => {
    if (item.value === "/" && item.title === "") {
      item.title = "(index)";
    }

    const { selectItem, selected } = this.props;
    const props = {
      onClick: event => selectItem(event, item, index),
      key: `${item.id}${item.value}${index}`,
      ref: String(index),
      title: item.value,
      "aria-labelledby": `${item.id}-title`,
      "aria-describedby": `${item.id}-subtitle`,
      role: "option",
      className: classnames("result-item", {
        selected: index === selected
      })
    };

    return (
      <li {...props}>
        <div id={`${item.id}-title`} className="title">
          {item.title}
        </div>
        <div id={`${item.id}-subtitle`} className="subtitle">
          {item.subtitle}
        </div>
      </li>
    );
  };

  render() {
    const { size, items, role } = this.props;

    return (
      <ul
        className={classnames("result-list", size)}
        id="result-list"
        role={role}
        aria-live="polite"
      >
        {items.map(this.renderListItem)}
      </ul>
    );
  }
}

{"expressions":{"covered_count":59,"uncovered_count":27,"uncovered_locs":[{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":35,"column":21,"offset":759},"end":{"line":35,"column":29,"offset":768}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":36,"column":9,"offset":798},"end":{"line":36,"column":12,"offset":802}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":36,"column":9,"offset":798},"end":{"line":36,"column":18,"offset":808}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":36,"column":31,"offset":820},"end":{"line":36,"column":34,"offset":824}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":36,"column":31,"offset":820},"end":{"line":36,"column":40,"offset":830}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":37,"column":7,"offset":847},"end":{"line":37,"column":10,"offset":851}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":42,"column":16,"offset":962},"end":{"line":42,"column":20,"offset":967}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":42,"column":36,"offset":982},"end":{"line":42,"column":40,"offset":987}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":42,"column":43,"offset":989},"end":{"line":42,"column":46,"offset":993}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":43,"column":15,"offset":1017},"end":{"line":43,"column":18,"offset":1021}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":43,"column":15,"offset":1017},"end":{"line":43,"column":21,"offset":1024}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":43,"column":25,"offset":1027},"end":{"line":43,"column":28,"offset":1031}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":43,"column":25,"offset":1027},"end":{"line":43,"column":34,"offset":1037}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":45,"column":14,"offset":1088},"end":{"line":45,"column":17,"offset":1092}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":45,"column":14,"offset":1088},"end":{"line":45,"column":23,"offset":1098}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":46,"column":29,"offset":1128},"end":{"line":46,"column":32,"offset":1132}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":46,"column":29,"offset":1128},"end":{"line":46,"column":35,"offset":1135}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":47,"column":30,"offset":1174},"end":{"line":47,"column":33,"offset":1178}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":47,"column":30,"offset":1174},"end":{"line":47,"column":36,"offset":1181}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":56,"column":21,"offset":1370},"end":{"line":56,"column":24,"offset":1374}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":56,"column":21,"offset":1370},"end":{"line":56,"column":27,"offset":1377}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":57,"column":12,"offset":1417},"end":{"line":57,"column":15,"offset":1421}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":57,"column":12,"offset":1417},"end":{"line":57,"column":21,"offset":1427}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":59,"column":21,"offset":1464},"end":{"line":59,"column":24,"offset":1468}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":59,"column":21,"offset":1464},"end":{"line":59,"column":27,"offset":1471}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":60,"column":12,"offset":1517},"end":{"line":60,"column":15,"offset":1521}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/ResultList.js","type":"SourceFile","start":{"line":60,"column":12,"offset":1517},"end":{"line":60,"column":24,"offset":1530}}]},"percent":68}