Skip to content

Figma: People Page Violates The Figma Style Guide #4131

Figma: People Page Violates The Figma Style Guide

Figma: People Page Violates The Figma Style Guide #4131

Triggered via pull request January 26, 2025 09:05
Status Failure
Total duration 12m 22s
Artifacts

pull-request.yml

on: pull_request
Performs linting, formatting, type-checking, checking for different source and target branch
1m 4s
Performs linting, formatting, type-checking, checking for different source and target branch
Check for eslint-disable
8s
Check for eslint-disable
Check for code coverage disable
6s
Check for code coverage disable
Checks if sensitive files have been changed without authorization
6s
Checks if sensitive files have been changed without authorization
Checks if number of files changed is acceptable
7s
Checks if number of files changed is acceptable
Check Target Branch
0s
Check Target Branch
Check Python Code Style
15s
Check Python Code Style
Test Application
11m 2s
Test Application
Check if Talawa Admin app starts (No Docker)
0s
Check if Talawa Admin app starts (No Docker)
Check if Talawa Admin app starts in Docker
0s
Check if Talawa Admin app starts in Docker
Test Deployment to https://docs-admin.talawa.io
0s
Test Deployment to https://docs-admin.talawa.io
Validate CodeRabbit Approval
0s
Validate CodeRabbit Approval
Fit to window
Zoom out
Zoom in

Annotations

8 errors and 8 warnings
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx > Organization People Page > successfully creates user and adds them as member: 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
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx > Organization People Page > handles signup error gracefully: 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
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx > Organization People Page > handles null createdUserId gracefully: 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
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx > Organization People Page > Open and close add new user modal: 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
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx > modal state management - open, close, and toggle: 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
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx > testing out toast errors: 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
src/screens/OrganizationPeople/OrganizationPeople.spec.tsx > handles GraphQL error when adding member: 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
Test Application
Process completed with exit code 1.
Check Target Branch
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Checks if number of files changed is acceptable
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Check for code coverage disable
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Checks if sensitive files have been changed without authorization
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Check for eslint-disable
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Check Python Code Style
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Test Application
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636