All files / components/Utils Plaintext.js

100% Statements 6/6
100% Branches 4/4
100% Functions 2/2
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24          369x 1x     368x 368x   368x         320x            
// based in part on this SO answer: https://codereview.stackexchange.com/a/211511
 
import PlaintextLine from "./PlaintextLine";
 
export default function Plaintext({ text }) {
  if (text == null) {
    return <pre data-testid="plaintext-empty"></pre>;
  }
  const textToRender =
    typeof text === "string" ? text : JSON.stringify(text, null, 2);
  const [firstLine, ...rest] = textToRender.split("\n");
  // Stryker disable StringLiteral
  return (
    <pre data-testid="plaintext">
      <span key={"0"}>{firstLine}</span>
      {rest.map((line, index) => (
        // Stryker disable next-line ArithmeticOperator : key value is internal to React and not exposed to tests
        <PlaintextLine key={index + 1} text={line} />
      ))}
    </pre>
  );
  // Stryker restore StringLiteral
}