14831340595

Committed 05 May 2025 07:31AM UTC coverage: 77.116% (-13.2%) from 90.283%

Build # 14831340595

Build Type

Pull #636

github

Committed by

web-flow

Commit Message

Merge c233dddc7 into b73b8ec0f

Pull Request Pull Request #636: Refactoring/miscellaneous jest to playwright

Run Details

626 of 897 branches covered (69.79%)

Branch coverage included in aggregate %.

695 of 816 relevant lines covered (85.17%)

43.59 hits per line

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

12.5

/src/components/Table/_components/TableHeaderCell/TableHeaderCell.jsx

import PropTypes from 'prop-types';
import React from 'react';
import { Button } from '../../../Button';
import styles from '../TableCell.module.scss';

export const TableHeaderCell = ({
  column,
  id,
  sort,
}) => {
  const sortDirection = sort && column.name === sort.column ? sort.direction : 'asc';
  const isSortingActive = sort && column.name === sort.column;

  return (
    <th
      className={isSortingActive ? styles.isTableHeadCellSortingActive : styles.tableHeadCell}
      id={id}
    >
      <span className={styles.tableHeadCellLayout}>
        {sort && column.isSortable && (
          <Button
            aria-pressed={isSortingActive}
            beforeLabel={
              sortDirection === 'asc'
                ? sort.ascendingIcon
                : sort.descendingIcon
            }
            color={isSortingActive ? 'selected' : 'secondary'}
            id={id && `${id}__sortButton`}
            label={sortDirection}
            labelVisibility="none"
            onClick={() => sort.onClick(column.name, sortDirection)}
            priority="flat"
            size="small"
          />
        )}
        {column.label}
      </span>
    </th>
  );
};

TableHeaderCell.defaultProps = {
  id: undefined,
  sort: null,
};

TableHeaderCell.propTypes = {
  /**
   * Table data column, optionally sortable. The `format` function can be used to process the
   * column data before displaying them.
   */
  column: PropTypes.shape({
    isSortable: PropTypes.bool,
    label: PropTypes.string,
    name: PropTypes.string.isRequired,
  }).isRequired,
  /**
   * ID of the HTML <th> element and nested button for sorting.
   */
  id: PropTypes.string,
  /**
   * Sorting configuration required to make columns sortable.
   */
  sort: PropTypes.shape({
    ascendingIcon: PropTypes.node.isRequired,
    column: PropTypes.string.isRequired,
    descendingIcon: PropTypes.node.isRequired,
    direction: PropTypes.oneOf(['asc', 'desc']).isRequired,
    onClick: PropTypes.func.isRequired,
  }),
};

export default TableHeaderCell;

1	import PropTypes from 'prop-types';
2	import React from 'react';
3	import { Button } from '../../../Button';
4	import styles from '../TableCell.module.scss';
5
6	export const TableHeaderCell = ({	2✔
7	column,
8	id,
9	sort,
10	}) => {
11	const sortDirection = sort && column.name === sort.column ? sort.direction : 'asc';	×
12	const isSortingActive = sort && column.name === sort.column;	×
13
14	return (	×
15	<th
16	className={isSortingActive ? styles.isTableHeadCellSortingActive : styles.tableHeadCell}	×
17	id={id}
18	>
19	<span className={styles.tableHeadCellLayout}>
20	{sort && column.isSortable && (	×
21	<Button
22	aria-pressed={isSortingActive}
23	beforeLabel={
24	sortDirection === 'asc'	×
25	? sort.ascendingIcon
26	: sort.descendingIcon
27	}
28	color={isSortingActive ? 'selected' : 'secondary'}	×
29	id={id && `${id}__sortButton`}	×
30	label={sortDirection}
31	labelVisibility="none"
32	onClick={() => sort.onClick(column.name, sortDirection)}	×
33	priority="flat"
34	size="small"
35	/>
36	)}
37	{column.label}
38	</span>
39	</th>
40	);
41	};
42
43	TableHeaderCell.defaultProps = {	2✔
44	id: undefined,
45	sort: null,
46	};
47
48	TableHeaderCell.propTypes = {	2✔
49	/**
50	* Table data column, optionally sortable. The `format` function can be used to process the
51	* column data before displaying them.
52	*/
53	column: PropTypes.shape({
54	isSortable: PropTypes.bool,
55	label: PropTypes.string,
56	name: PropTypes.string.isRequired,
57	}).isRequired,
58	/**
59	* ID of the HTML <th> element and nested button for sorting.
60	*/
61	id: PropTypes.string,
62	/**
63	* Sorting configuration required to make columns sortable.
64	*/
65	sort: PropTypes.shape({
66	ascendingIcon: PropTypes.node.isRequired,
67	column: PropTypes.string.isRequired,
68	descendingIcon: PropTypes.node.isRequired,
69	direction: PropTypes.oneOf(['asc', 'desc']).isRequired,
70	onClick: PropTypes.func.isRequired,
71	}),
72	};
73
74	export default TableHeaderCell;

react-ui-org / react-ui / 14831340595

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