8853393990

Committed 26 Apr 2024 07:28PM UTC coverage: 97.593% (-1.0%) from 98.563%

Build # 8853393990

Build Type

push

github

Committed by

GermanSaracca

Commit Message

test: add tests

Run Details

720 of 751 branches covered (95.87%)

Branch coverage included in aggregate %.

15 of 15 new or added lines in 3 files covered. (100.0%)

1 existing line in 1 file now uncovered.

1915 of 1949 relevant lines covered (98.26%)

3488.69 hits per line

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

96.77

/packages/design-system/src/lib/components/form/form-group/FormGroup.tsx

import React, { PropsWithChildren } from 'react'
import { Form as FormBS } from 'react-bootstrap'
import { FormInput } from './form-element/FormInput'
import { FormLabel } from './form-element/FormLabel'
import { FormText } from './form-element/FormText'
import { FormSelect } from './form-element/FormSelect'
import { FormTextArea } from './form-element/FormTextArea'
import { Col, ColProps } from '../../grid/Col'
import { Row } from '../../grid/Row'
import { FormCheckbox } from './form-element/FormCheckbox'
import { FormFeedback } from './form-element/FormFeedback'
import { FormSelectMultiple } from './form-element/FormSelectMultiple'

interface FormGroupProps extends ColProps {
  as?: typeof Col | typeof Row
  required?: boolean
  controlId: string
  fieldIndex?: string
}

function FormGroup({
  as = Row,
  required,
  controlId,
  fieldIndex,
  children,
  ...props
}: PropsWithChildren<FormGroupProps>) {
  const childrenWithRequiredProp = cloneThroughFragments(children, required, as)

  return (
    <FormBS.Group
      controlId={fieldIndex ? `${controlId}-${fieldIndex}` : controlId}
      className="mb-3"
      as={as}
      {...props}>
      {childrenWithRequiredProp}
    </FormBS.Group>
  )
}
function cloneThroughFragments(
  children: React.ReactNode,
  required?: boolean,
  as?: typeof Col | typeof Row
): React.ReactNode {
  return React.Children.map(children, (child) => {
    if (React.isValidElement(child)) {
      if (child.type === React.Fragment) {
        const hasChildren = (props: unknown): props is { children: React.ReactNode } =>
          typeof props === 'object' && Object.hasOwnProperty.call(props, 'children')

        if (hasChildren(child.props)) {
          return cloneThroughFragments(child.props.children, required, as)
        }
      }
      return React.cloneElement(child as React.ReactElement, {
        required: required,
        withinMultipleFieldsGroup: as === Col
      })
    }
    return child
  })
}

FormGroup.Label = FormLabel
FormGroup.Input = FormInput
FormGroup.Select = FormSelect
FormGroup.SelectMultiple = FormSelectMultiple
FormGroup.TextArea = FormTextArea
FormGroup.Text = FormText
FormGroup.Checkbox = FormCheckbox
FormGroup.Feedback = FormFeedback

export { FormGroup }

1	import React, { PropsWithChildren } from 'react'	896✔
2	import { Form as FormBS } from 'react-bootstrap'
3	import { FormInput } from './form-element/FormInput'
4	import { FormLabel } from './form-element/FormLabel'
5	import { FormText } from './form-element/FormText'
6	import { FormSelect } from './form-element/FormSelect'
7	import { FormTextArea } from './form-element/FormTextArea'
8	import { Col, ColProps } from '../../grid/Col'
9	import { Row } from '../../grid/Row'
10	import { FormCheckbox } from './form-element/FormCheckbox'
11	import { FormFeedback } from './form-element/FormFeedback'
12	import { FormSelectMultiple } from './form-element/FormSelectMultiple'
13
14	interface FormGroupProps extends ColProps {
15	as?: typeof Col \| typeof Row
16	required?: boolean
17	controlId: string
18	fieldIndex?: string
19	}
20
21	function FormGroup({
22	as = Row,	202✔
23	required,
24	controlId,
25	fieldIndex,
26	children,
27	...props
28	}: PropsWithChildren<FormGroupProps>) {
29	const childrenWithRequiredProp = cloneThroughFragments(children, required, as)	202✔
30
31	return (	202✔
32	<FormBS.Group
33	controlId={fieldIndex ? `${controlId}-${fieldIndex}` : controlId}	202✔
34	className="mb-3"
35	as={as}
36	{...props}>
37	{childrenWithRequiredProp}
38	</FormBS.Group>
39	)
40	}	128✔
41	function cloneThroughFragments(
42	children: React.ReactNode,
43	required?: boolean,
44	as?: typeof Col \| typeof Row
45	): React.ReactNode {
46	return React.Children.map(children, (child) => {	206✔
47	if (React.isValidElement(child)) {	426✔
48	if (child.type === React.Fragment) {	426✔
49	const hasChildren = (props: unknown): props is { children: React.ReactNode } =>	4✔
50	typeof props === 'object' && Object.hasOwnProperty.call(props, 'children')	4✔
51
52	if (hasChildren(child.props)) {	4✔
53	return cloneThroughFragments(child.props.children, required, as)	4✔
54	}
55	}
56	return React.cloneElement(child as React.ReactElement, {	422✔
57	required: required,
58	withinMultipleFieldsGroup: as === Col
59	})
60	}
UNCOV 61	return child	×
62	})
63	}
64
65	FormGroup.Label = FormLabel	128✔
66	FormGroup.Input = FormInput	128✔
67	FormGroup.Select = FormSelect	128✔
68	FormGroup.SelectMultiple = FormSelectMultiple	128✔
69	FormGroup.TextArea = FormTextArea	128✔
70	FormGroup.Text = FormText	128✔
71	FormGroup.Checkbox = FormCheckbox	128✔
72	FormGroup.Feedback = FormFeedback	128✔
73
74	export { FormGroup }	128✔

IQSS / dataverse-frontend / 8853393990

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