All files StatusColumn.js

100% Statements 5/5

100% Branches 4/4

100% Functions 2/2

100% Lines 5/5

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
25
26
27
28  
 
1x
 
 
 
 
 
1x
12x
 
6x
 
 
 
 
 
 
 
12x
 
 
 
 
 
 
 
  import React, { useMemo } from 'react';
 
const TempState = {
  NORMAL: 0,
  LOW: 1,
  HIGH: 2,
};
 
const StatusColumn = ({ status }) => {
  const [className, text] = useMemo(
    () =>
      status === TempState.HIGH
        ? ['tooHigh', 'too high']
        : status === TempState.LOW
        ? ['tooLow', 'too low']
        : ['normal', 'all good'],
    [status]
  );
 
  return (
    <div className={className} data-cy={'statusCol'}>
      <span>{text}</span>
    </div>
  );
};
 
export default StatusColumn;