Figma: People Page Violates The Figma Style Guide #4131
Annotations
8 errors and 1 warning
|
Run Vitest Tests:
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx#L934
TestingLibraryElementError: Unable to find an element by: [data-testid="createUser"]
Ignored nodes: comments, script, style
<body
class="modal-open"
data-rr-ui-modal-open=""
style="padding-right: 1024px;"
>
<div>
<div
class="_head_658d08 row"
>
<div
class="_mainpageright_658d08"
>
<div
class="_btnsContainer_658d08"
>
<div
class="_input_658d08"
>
<form
class=""
>
<input
autocomplete="off"
class="_inputField_658d08 form-control"
id="searchLastName"
placeholder="Enter Full Name"
type="name"
/>
<button
class="_searchButton_658d08 btn btn-primary"
data-testid="searchbtn"
type="submit"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium _searchIcon_658d08 css-1umw9bq-MuiSvgIcon-root"
data-testid="SearchIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
/>
</svg>
</button>
</form>
</div>
<div
class="_btnsBlock_658d08"
>
<div
class="dropdown"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="role"
id="dropdown-basic"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Search by Role
</button>
</div>
</div>
<div
class="_btnsBlock_658d08"
>
<div
aria-expanded="false"
class="dropdown"
title="Add Members"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="addMembers"
id="react-aria-:r27:"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium me-1 css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Add Members
</button>
<div
aria-labelledby="react-aria-:r27:"
class="dropdown-menu"
data-popper-escaped="true"
data-popper-placement="bottom-start"
data-popper-reference-hidden="true"
style="position: absolute; top: 0px; left: 0px; transform: translate(0px, 2px);"
x-placement="bottom-start"
>
<a
class="_dropdownItem_658d08 dropdown-item"
data-rr-ui-dropdown-item=""
data-testid="existingUser"
href="#"
role="button"
tab
|
|
Run Vitest Tests:
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx#L994
TestingLibraryElementError: Unable to find an element by: [data-testid="createUser"]
Ignored nodes: comments, script, style
<body
class="modal-open"
data-rr-ui-modal-open=""
style="padding-right: 2048px;"
>
<div>
<div
class="_head_658d08 row"
>
<div
class="_mainpageright_658d08"
>
<div
class="_btnsContainer_658d08"
>
<div
class="_input_658d08"
>
<form
class=""
>
<input
autocomplete="off"
class="_inputField_658d08 form-control"
id="searchLastName"
placeholder="Enter Full Name"
type="name"
/>
<button
class="_searchButton_658d08 btn btn-primary"
data-testid="searchbtn"
type="submit"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium _searchIcon_658d08 css-1umw9bq-MuiSvgIcon-root"
data-testid="SearchIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
/>
</svg>
</button>
</form>
</div>
<div
class="_btnsBlock_658d08"
>
<div
class="dropdown"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="role"
id="dropdown-basic"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Search by Role
</button>
</div>
</div>
<div
class="_btnsBlock_658d08"
>
<div
aria-expanded="false"
class="dropdown"
title="Add Members"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="addMembers"
id="react-aria-:r39:"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium me-1 css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Add Members
</button>
<div
aria-labelledby="react-aria-:r39:"
class="dropdown-menu"
data-popper-escaped="true"
data-popper-placement="bottom-start"
data-popper-reference-hidden="true"
style="position: absolute; top: 0px; left: 0px; transform: translate(0px, 2px);"
x-placement="bottom-start"
>
<a
class="_dropdownItem_658d08 dropdown-item"
data-rr-ui-dropdown-item=""
data-testid="existingUser"
href="#"
role="button"
tab
|
|
Run Vitest Tests:
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx#L1073
TestingLibraryElementError: Unable to find an element by: [data-testid="createUser"]
Ignored nodes: comments, script, style
<body
class="modal-open"
data-rr-ui-modal-open=""
style="padding-right: 2048px;"
>
<div>
<div
class="_head_658d08 row"
>
<div
class="_mainpageright_658d08"
>
<div
class="_btnsContainer_658d08"
>
<div
class="_input_658d08"
>
<form
class=""
>
<input
autocomplete="off"
class="_inputField_658d08 form-control"
id="searchLastName"
placeholder="Enter Full Name"
type="name"
/>
<button
class="_searchButton_658d08 btn btn-primary"
data-testid="searchbtn"
type="submit"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium _searchIcon_658d08 css-1umw9bq-MuiSvgIcon-root"
data-testid="SearchIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
/>
</svg>
</button>
</form>
</div>
<div
class="_btnsBlock_658d08"
>
<div
class="dropdown"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="role"
id="dropdown-basic"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Search by Role
</button>
</div>
</div>
<div
class="_btnsBlock_658d08"
>
<div
aria-expanded="false"
class="dropdown"
title="Add Members"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="addMembers"
id="react-aria-:r3d:"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium me-1 css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Add Members
</button>
<div
aria-labelledby="react-aria-:r3d:"
class="dropdown-menu"
data-popper-escaped="true"
data-popper-placement="bottom-start"
data-popper-reference-hidden="true"
style="position: absolute; top: 0px; left: 0px; transform: translate(0px, 2px);"
x-placement="bottom-start"
>
<a
class="_dropdownItem_658d08 dropdown-item"
data-rr-ui-dropdown-item=""
data-testid="existingUser"
href="#"
role="button"
tab
|
|
Run Vitest Tests:
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx#L1358
TestingLibraryElementError: Unable to find an element by: [data-testid="closeBtn"]
Ignored nodes: comments, script, style
<body
class="modal-open"
data-rr-ui-modal-open=""
style="padding-right: 2048px;"
>
<div>
<div
class="_head_658d08 row"
>
<div
class="_mainpageright_658d08"
>
<div
class="_btnsContainer_658d08"
>
<div
class="_input_658d08"
>
<form
class=""
>
<input
autocomplete="off"
class="_inputField_658d08 form-control"
id="searchLastName"
placeholder="Enter Full Name"
type="name"
/>
<button
class="_searchButton_658d08 btn btn-primary"
data-testid="searchbtn"
type="submit"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium _searchIcon_658d08 css-1umw9bq-MuiSvgIcon-root"
data-testid="SearchIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
/>
</svg>
</button>
</form>
</div>
<div
class="_btnsBlock_658d08"
>
<div
class="dropdown"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="role"
id="dropdown-basic"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Search by Role
</button>
</div>
</div>
<div
class="_btnsBlock_658d08"
>
<div
aria-expanded="false"
class="dropdown"
title="Add Members"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="addMembers"
id="react-aria-:rar:"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium me-1 css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Add Members
</button>
<div
aria-labelledby="react-aria-:rar:"
class="dropdown-menu"
data-popper-escaped="true"
data-popper-placement="bottom-start"
data-popper-reference-hidden="true"
style="position: absolute; top: 0px; left: 0px; transform: translate(0px, 2px);"
x-placement="bottom-start"
>
<a
class="_dropdownItem_658d08 dropdown-item"
data-rr-ui-dropdown-item=""
data-testid="existingUser"
href="#"
role="button"
tabin
|
|
Run Vitest Tests:
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx#L1992
TestingLibraryElementError: Unable to find an element by: [data-testid="createUser"]
Ignored nodes: comments, script, style
<body
class="modal-open"
data-rr-ui-modal-open=""
style="padding-right: 2048px;"
>
<div>
<div
class="_head_658d08 row"
>
<div
class="_mainpageright_658d08"
>
<div
class="_btnsContainer_658d08"
>
<div
class="_input_658d08"
>
<form
class=""
>
<input
autocomplete="off"
class="_inputField_658d08 form-control"
id="searchLastName"
placeholder="Enter Full Name"
type="name"
/>
<button
class="_searchButton_658d08 btn btn-primary"
data-testid="searchbtn"
type="submit"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium _searchIcon_658d08 css-1umw9bq-MuiSvgIcon-root"
data-testid="SearchIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
/>
</svg>
</button>
</form>
</div>
<div
class="_btnsBlock_658d08"
>
<div
class="dropdown"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="role"
id="dropdown-basic"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Search by Role
</button>
</div>
</div>
<div
class="_btnsBlock_658d08"
>
<div
aria-expanded="false"
class="dropdown"
title="Add Members"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="addMembers"
id="react-aria-:rrt:"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium me-1 css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Add Members
</button>
<div
aria-labelledby="react-aria-:rrt:"
class="dropdown-menu"
data-popper-escaped="true"
data-popper-placement="bottom-start"
data-popper-reference-hidden="true"
style="position: absolute; top: 0px; left: 0px; transform: translate(0px, 2px);"
x-placement="bottom-start"
>
<a
class="_dropdownItem_658d08 dropdown-item"
data-rr-ui-dropdown-item=""
data-testid="existingUser"
href="#"
role="button"
tab
|
|
Run Vitest Tests:
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx#L2059
TestingLibraryElementError: Unable to find an element by: [data-testid="createUser"]
Ignored nodes: comments, script, style
<body
class="modal-open"
data-rr-ui-modal-open=""
style="padding-right: 2048px;"
>
<div>
<div
class="_head_658d08 row"
>
<div
class="_mainpageright_658d08"
>
<div
class="_btnsContainer_658d08"
>
<div
class="_input_658d08"
>
<form
class=""
>
<input
autocomplete="off"
class="_inputField_658d08 form-control"
id="searchLastName"
placeholder="Enter Full Name"
type="name"
/>
<button
class="_searchButton_658d08 btn btn-primary"
data-testid="searchbtn"
type="submit"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium _searchIcon_658d08 css-1umw9bq-MuiSvgIcon-root"
data-testid="SearchIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
/>
</svg>
</button>
</form>
</div>
<div
class="_btnsBlock_658d08"
>
<div
class="dropdown"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="role"
id="dropdown-basic"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Search by Role
</button>
</div>
</div>
<div
class="_btnsBlock_658d08"
>
<div
aria-expanded="false"
class="dropdown"
title="Add Members"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="addMembers"
id="react-aria-:rsv:"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium me-1 css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Add Members
</button>
<div
aria-labelledby="react-aria-:rsv:"
class="dropdown-menu"
data-popper-escaped="true"
data-popper-placement="bottom-start"
data-popper-reference-hidden="true"
style="position: absolute; top: 0px; left: 0px; transform: translate(0px, 2px);"
x-placement="bottom-start"
>
<a
class="_dropdownItem_658d08 dropdown-item"
data-rr-ui-dropdown-item=""
data-testid="existingUser"
href="#"
role="button"
tab
|
|
Run Vitest Tests:
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx#L2117
TestingLibraryElementError: Unable to find an element by: [data-testid="createUser"]
Ignored nodes: comments, script, style
<body
class="modal-open"
data-rr-ui-modal-open=""
style="padding-right: 2048px;"
>
<div>
<div
class="_head_658d08 row"
>
<div
class="_mainpageright_658d08"
>
<div
class="_btnsContainer_658d08"
>
<div
class="_input_658d08"
>
<form
class=""
>
<input
autocomplete="off"
class="_inputField_658d08 form-control"
id="searchLastName"
placeholder="Enter Full Name"
type="name"
/>
<button
class="_searchButton_658d08 btn btn-primary"
data-testid="searchbtn"
type="submit"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium _searchIcon_658d08 css-1umw9bq-MuiSvgIcon-root"
data-testid="SearchIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
/>
</svg>
</button>
</form>
</div>
<div
class="_btnsBlock_658d08"
>
<div
class="dropdown"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="role"
id="dropdown-basic"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Search by Role
</button>
</div>
</div>
<div
class="_btnsBlock_658d08"
>
<div
aria-expanded="false"
class="dropdown"
title="Add Members"
>
<button
aria-expanded="false"
class="_dropdown_658d08 dropdown-toggle btn btn-success"
data-testid="addMembers"
id="react-aria-:ru1:"
type="button"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium me-1 css-1umw9bq-MuiSvgIcon-root"
data-testid="SortIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z"
/>
</svg>
Add Members
</button>
<div
aria-labelledby="react-aria-:ru1:"
class="dropdown-menu"
data-popper-escaped="true"
data-popper-placement="bottom-start"
data-popper-reference-hidden="true"
style="position: absolute; top: 0px; left: 0px; transform: translate(0px, 2px);"
x-placement="bottom-start"
>
<a
class="_dropdownItem_658d08 dropdown-item"
data-rr-ui-dropdown-item=""
data-testid="existingUser"
href="#"
role="button"
tab
|
|
Run Vitest Tests
Process completed with exit code 1.
|
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Loading