Use pascal case
This commit is contained in:
parent
5e73440e4f
commit
affb8e031b
5 changed files with 26 additions and 26 deletions
|
@ -93,7 +93,7 @@ const FilterAutocompleteField: React.FC<FilterAutocompleteFieldProps> = ({
|
||||||
return (
|
return (
|
||||||
<div {...rest}>
|
<div {...rest}>
|
||||||
<TextField
|
<TextField
|
||||||
data-test="filter-field-autocomplete-input"
|
data-test="filterFieldAutocompleteInput"
|
||||||
className={classes.inputContainer}
|
className={classes.inputContainer}
|
||||||
fullWidth
|
fullWidth
|
||||||
name={filterField.name + "_autocomplete"}
|
name={filterField.name + "_autocomplete"}
|
||||||
|
@ -109,7 +109,7 @@ const FilterAutocompleteField: React.FC<FilterAutocompleteFieldProps> = ({
|
||||||
<FormControlLabel
|
<FormControlLabel
|
||||||
control={
|
control={
|
||||||
<Checkbox
|
<Checkbox
|
||||||
data-test="filter-field-autocomplete-selected"
|
data-test="filterFieldAutocompleteSelected"
|
||||||
data-test-id={filterField.value}
|
data-test-id={filterField.value}
|
||||||
checked={filterField.value.includes(displayValue.value)}
|
checked={filterField.value.includes(displayValue.value)}
|
||||||
/>
|
/>
|
||||||
|
@ -123,7 +123,7 @@ const FilterAutocompleteField: React.FC<FilterAutocompleteFieldProps> = ({
|
||||||
{displayHr && <Hr className={classes.hr} />}
|
{displayHr && <Hr className={classes.hr} />}
|
||||||
{displayNoResults && (
|
{displayNoResults && (
|
||||||
<Typography
|
<Typography
|
||||||
data-test="filter-field-autocomplete-no-results"
|
data-test="filterFieldAutocompleteNoResults"
|
||||||
className={classes.noResults}
|
className={classes.noResults}
|
||||||
color="textSecondary"
|
color="textSecondary"
|
||||||
>
|
>
|
||||||
|
@ -135,7 +135,7 @@ const FilterAutocompleteField: React.FC<FilterAutocompleteFieldProps> = ({
|
||||||
<FormControlLabel
|
<FormControlLabel
|
||||||
control={
|
control={
|
||||||
<Checkbox
|
<Checkbox
|
||||||
data-test="filter-field-autocomplete-option"
|
data-test="filterFieldAutocompleteOption"
|
||||||
data-test-id={filterField.value}
|
data-test-id={filterField.value}
|
||||||
checked={filterField.value.includes(option.value)}
|
checked={filterField.value.includes(option.value)}
|
||||||
/>
|
/>
|
||||||
|
@ -148,7 +148,7 @@ const FilterAutocompleteField: React.FC<FilterAutocompleteFieldProps> = ({
|
||||||
))}
|
))}
|
||||||
{filterField.hasMore && (
|
{filterField.hasMore && (
|
||||||
<Link
|
<Link
|
||||||
data-test="filter-field-autocomplete-has-more"
|
data-test="filterFieldAutocompleteHasMore"
|
||||||
className={classes.showMore}
|
className={classes.showMore}
|
||||||
underline
|
underline
|
||||||
onClick={filterField.onFetchMore}
|
onClick={filterField.onFetchMore}
|
||||||
|
|
|
@ -164,7 +164,7 @@ const FilterContent: React.FC<FilterContentProps> = ({
|
||||||
<FormControlLabel
|
<FormControlLabel
|
||||||
control={
|
control={
|
||||||
<Checkbox
|
<Checkbox
|
||||||
data-test="filter-group-active"
|
data-test="filterGroupActive"
|
||||||
data-test-id={filterField.name}
|
data-test-id={filterField.name}
|
||||||
checked={filterField.active}
|
checked={filterField.active}
|
||||||
/>
|
/>
|
||||||
|
@ -215,7 +215,7 @@ const FilterContent: React.FC<FilterContentProps> = ({
|
||||||
) && (
|
) && (
|
||||||
<>
|
<>
|
||||||
<SingleSelectField
|
<SingleSelectField
|
||||||
data-test="filter-field-range-type-choice"
|
data-test="filterFieldRangeTypeChoice"
|
||||||
choices={getIsFilterMultipleChoices(intl)}
|
choices={getIsFilterMultipleChoices(intl)}
|
||||||
value={
|
value={
|
||||||
filterField.multiple
|
filterField.multiple
|
||||||
|
@ -385,7 +385,7 @@ const FilterContent: React.FC<FilterContentProps> = ({
|
||||||
<FormControlLabel
|
<FormControlLabel
|
||||||
control={
|
control={
|
||||||
<Radio
|
<Radio
|
||||||
data-test="filter-field-boolean"
|
data-test="filterFieldBoolean"
|
||||||
data-test-is-checked={
|
data-test-is-checked={
|
||||||
filterField.value[0] === option.value
|
filterField.value[0] === option.value
|
||||||
}
|
}
|
||||||
|
|
|
@ -54,13 +54,13 @@ const FilterOptionField: React.FC<FilterBaseFieldProps> = ({
|
||||||
control={
|
control={
|
||||||
filterField.multiple ? (
|
filterField.multiple ? (
|
||||||
<Checkbox
|
<Checkbox
|
||||||
data-test="filter-option"
|
data-test="filterOption"
|
||||||
data-test-id={option.value}
|
data-test-id={option.value}
|
||||||
checked={filterField.value.includes(option.value)}
|
checked={filterField.value.includes(option.value)}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<Radio
|
<Radio
|
||||||
data-test="filter-option"
|
data-test="filterOption"
|
||||||
data-test-id={option.value}
|
data-test-id={option.value}
|
||||||
checked={filterField.value[0] === option.value}
|
checked={filterField.value[0] === option.value}
|
||||||
color="primary"
|
color="primary"
|
||||||
|
|
|
@ -100,7 +100,7 @@ export const SingleSelectField: React.FC<SingleSelectFieldProps> = props => {
|
||||||
{choices.length > 0 ? (
|
{choices.length > 0 ? (
|
||||||
choices.map(choice => (
|
choices.map(choice => (
|
||||||
<MenuItem
|
<MenuItem
|
||||||
data-test="select-field-option"
|
data-test="selectFieldOption"
|
||||||
data-test-id={choice.value}
|
data-test-id={choice.value}
|
||||||
value={choice.value}
|
value={choice.value}
|
||||||
key={choice.value}
|
key={choice.value}
|
||||||
|
@ -110,7 +110,7 @@ export const SingleSelectField: React.FC<SingleSelectFieldProps> = props => {
|
||||||
))
|
))
|
||||||
) : (
|
) : (
|
||||||
<MenuItem
|
<MenuItem
|
||||||
data-test="select-field-option"
|
data-test="selectFieldOption"
|
||||||
data-test-disabled
|
data-test-disabled
|
||||||
disabled={true}
|
disabled={true}
|
||||||
>
|
>
|
||||||
|
|
|
@ -2012,7 +2012,7 @@ exports[`Storyshots Generics / Filter default 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-group-active"
|
data-test="filterGroupActive"
|
||||||
data-test-id="createdAt"
|
data-test-id="createdAt"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -2210,7 +2210,7 @@ exports[`Storyshots Generics / Filter default 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-group-active"
|
data-test="filterGroupActive"
|
||||||
data-test-id="multiplOptions"
|
data-test-id="multiplOptions"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -2255,7 +2255,7 @@ exports[`Storyshots Generics / Filter default 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-group-active"
|
data-test="filterGroupActive"
|
||||||
data-test-id="price"
|
data-test-id="price"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -2300,7 +2300,7 @@ exports[`Storyshots Generics / Filter default 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-group-active"
|
data-test="filterGroupActive"
|
||||||
data-test-id="status"
|
data-test-id="status"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -2359,7 +2359,7 @@ exports[`Storyshots Generics / Filter default 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-option"
|
data-test="filterOption"
|
||||||
data-test-id="val1"
|
data-test-id="val1"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -2415,7 +2415,7 @@ exports[`Storyshots Generics / Filter default 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-option"
|
data-test="filterOption"
|
||||||
data-test-id="val2"
|
data-test-id="val2"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -2470,7 +2470,7 @@ exports[`Storyshots Generics / Filter default 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-option"
|
data-test="filterOption"
|
||||||
data-test-id="val3"
|
data-test-id="val3"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -2582,7 +2582,7 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-group-active"
|
data-test="filterGroupActive"
|
||||||
data-test-id="createdAt"
|
data-test-id="createdAt"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -2780,7 +2780,7 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-group-active"
|
data-test="filterGroupActive"
|
||||||
data-test-id="multiplOptions"
|
data-test-id="multiplOptions"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -2825,7 +2825,7 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-group-active"
|
data-test="filterGroupActive"
|
||||||
data-test-id="price"
|
data-test-id="price"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -2870,7 +2870,7 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiCheckbox-root-id MuiCheckbox-colorPrimary-id PrivateSwitchBase-checked-id MuiCheckbox-checked-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-group-active"
|
data-test="filterGroupActive"
|
||||||
data-test-id="status"
|
data-test-id="status"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -2929,7 +2929,7 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id PrivateSwitchBase-checked-id MuiRadio-checked-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-option"
|
data-test="filterOption"
|
||||||
data-test-id="val1"
|
data-test-id="val1"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -2985,7 +2985,7 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-option"
|
data-test="filterOption"
|
||||||
data-test-id="val2"
|
data-test-id="val2"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
@ -3040,7 +3040,7 @@ exports[`Storyshots Generics / Filter interactive 1`] = `
|
||||||
<span
|
<span
|
||||||
aria-disabled="false"
|
aria-disabled="false"
|
||||||
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
|
class="MuiButtonBase-root-id MuiIconButton-root-id PrivateSwitchBase-root-id MuiRadio-root-id MuiRadio-colorPrimary-id MuiIconButton-colorPrimary-id"
|
||||||
data-test="filter-option"
|
data-test="filterOption"
|
||||||
data-test-id="val3"
|
data-test-id="val3"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
|
Loading…
Reference in a new issue