13547957436

Committed 26 Feb 2025 03:52PM UTC coverage: 75.487% (-0.1%) from 75.625%

Build # 13547957436

Build Type

Pull #6574

github

Committed by

web-flow

Commit Message

Merge 45c6d0a81 into 1c40c2a2c

Pull Request Pull Request #6574: [HOLD] lib-classifier: Refactor survey task Choices, ChoiceButton, Choice, Questions, and Filter styling

Run Details

10908 of 16652 branches covered (65.51%)

Branch coverage included in aggregate %.

228 of 248 new or added lines in 24 files covered. (91.94%)

235 existing lines in 26 files now uncovered.

17008 of 20329 relevant lines covered (83.66%)

397.43 hits per line

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

26.67

/packages/lib-classifier/src/plugins/drawingTools/components/UndoButton/UndoButton.js

import { number, func } from 'prop-types'
import styled from 'styled-components'
import { Tooltip } from '@zooniverse/react-components'

import useScale from '../../hooks/useScale'

const StyledGroup = styled('g')`
  &:hover {
    cursor: pointer;
  }
`

function UndoButton({ x, y, undoDrawing }) {
  const scale = useScale()
  const ARIA_LABEL = 'Undo'
  const STROKE_COLOR = 'black'
  const ARROW_STROKE_COLOR = 'white'
  const FILL_COLOR = 'black'
  const STROKE_WIDTH = 1.5
  const ARROW_STROKE_WIDTH = 0.5
  const undoTransform = `translate(${x + 15}, ${y - 35}) scale(${1 / scale})`
  const cx = x + 20
  const cy = y - 30

  function onKeyDown(event) {
    switch (event.key) {
      case 'Enter':
      case ' ': {
        return onPointerDown(event)
      }
      default: {
        return true
      }
    }
  }

  function onPointerDown(event) {
    event.preventDefault()
    event.stopPropagation()
    undoDrawing()
    return false
  }

  return (
    <StyledGroup
      x={cx}
      y={cy}
      role='button'
      onKeyDown={onKeyDown}
      onPointerDown={onPointerDown}
      aria-label={ARIA_LABEL}
      focusable='true'
      stroke={STROKE_COLOR}
      strokeWidth={STROKE_WIDTH}
    >
      <Tooltip label='Undo'>
        <path
          d='M24 12c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.372 12 12 12s12-5.372 12-12zM6 12l6-6v4.5h6v3h-6v4.5l-6-6z'
          transform={undoTransform}
          fill={FILL_COLOR}
          stroke={ARROW_STROKE_COLOR}
          strokeWidth={ARROW_STROKE_WIDTH}
        ></path>
      </Tooltip>
    </StyledGroup>
  )
}

UndoButton.propTypes = {
  /**
    x position of the vertex closets to the origin
  */
  x: number,
  /**
    y position of the vertex closets to the origin
  */
  y: number,
  /**
    Callback to shorten path array
  */
  undoDrawing: func
}

export default UndoButton

1	import { number, func } from 'prop-types'	1✔
2	import styled from 'styled-components'	1✔
3	import { Tooltip } from '@zooniverse/react-components'
4
5	import useScale from '../../hooks/useScale'	4✔
6
7	const StyledGroup = styled('g')`	1✔
8	&:hover {
9	cursor: pointer;
10	}
11	`
12
13	function UndoButton({ x, y, undoDrawing }) {	×
UNCOV 14	const scale = useScale()	×
15	const ARIA_LABEL = 'Undo'	×
16	const STROKE_COLOR = 'black'	×
17	const ARROW_STROKE_COLOR = 'white'	×
18	const FILL_COLOR = 'black'	×
19	const STROKE_WIDTH = 1.5	×
20	const ARROW_STROKE_WIDTH = 0.5	×
21	const undoTransform = `translate(${x + 15}, ${y - 35}) scale(${1 / scale})`	×
22	const cx = x + 20	×
23	const cy = y - 30	×
24
25	function onKeyDown(event) {
UNCOV 26	switch (event.key) {	×
27	case 'Enter':
28	case ' ': {
UNCOV 29	return onPointerDown(event)	×
30	}
31	default: {
UNCOV 32	return true	×
33	}
34	}
35	}
36
37	function onPointerDown(event) {
UNCOV 38	event.preventDefault()	×
39	event.stopPropagation()	×
40	undoDrawing()	×
41	return false	×
42	}
43
UNCOV 44	return (	×
45	<StyledGroup
46	x={cx}
47	y={cy}
48	role='button'
49	onKeyDown={onKeyDown}
50	onPointerDown={onPointerDown}
51	aria-label={ARIA_LABEL}
52	focusable='true'
53	stroke={STROKE_COLOR}
54	strokeWidth={STROKE_WIDTH}
55	>
56	<Tooltip label='Undo'>
57	<path
58	d='M24 12c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 6.628 5.372 12 12 12s12-5.372 12-12zM6 12l6-6v4.5h6v3h-6v4.5l-6-6z'
59	transform={undoTransform}
60	fill={FILL_COLOR}
61	stroke={ARROW_STROKE_COLOR}
62	strokeWidth={ARROW_STROKE_WIDTH}
63	></path>
64	</Tooltip>
65	</StyledGroup>
66	)
67	}
68
69	UndoButton.propTypes = {	1✔
70	/**
71	x position of the vertex closets to the origin
72	*/
73	x: number,
74	/**
75	y position of the vertex closets to the origin
76	*/
77	y: number,
78	/**
79	Callback to shorten path array
80	*/
81	undoDrawing: func
82	}	1✔
83
84	export default UndoButton

zooniverse / front-end-monorepo / 13547957436

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