Fix app/assets/javascripts/merge_request_dashboard/components/merge_request.stories.js

FAIL  app/assets/javascripts/merge_request_dashboard/components/merge_request.stories.js (9.014 s)
  ● merge_requests_dashboard/merge_request › Default › smoke-test
    assert.fail(received, expected)
    Message:
      Found 2 accessibility violations: 
    -----------------------------------
    Expected the HTML found at $('div[role="row"]') to have no violations:
    <div data-v-158414ca="" role="row" class="">
    
    Received:
    Certain ARIA roles must be contained by particular parents (aria-required-parent)
    
    Fix any of the following:
      Required ARIA parents role not present: grid, rowgroup, table, treegrid
    
    You can find more information on this issue here: 
    https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI
    -----------------------------------
    
    Expected the HTML found at $('div[role="cell"][data-v-158414ca=""]:nth-child(3) > .mr-users-list.gl-justify-center.gl-relative > .gl-gap-2.gl-flex[data-v-77ea5ff6=""] > .gl-avatar-link.gl-link-meta[target="blank"]') to have no violations:
    <a data-v-77ea5ff6="" target="blank" href="https://gitlab.com/root" data-name="John Smith" data-user-id="1" data-username="jsmith" data-testid="assigned-user" class="gl-avatar-link js-user-link gl-link gl-link-meta">
    
    Received:
    Links must have discernible text (link-name)
    
    Fix all of the following:
      Element is in tab order and does not have accessible text
    
    Fix any of the following:
      Element does not have text that is visible to screen readers
      aria-label attribute does not exist or is empty
      aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
      Element has no title attribute
    
    You can find more information on this issue here: 
    https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI
    -----------------------------------
    
    Expected the HTML found at $('div[role="cell"][data-v-158414ca=""]:nth-child(4) > .mr-users-list.gl-justify-center.gl-relative > .gl-gap-2.gl-flex[data-v-77ea5ff6=""] > .gl-avatar-link.gl-link-meta[target="blank"]:nth-child(1)') to have no violations:
    <a data-v-77ea5ff6="" target="blank" href="https://gitlab.com/root" data-name="John Smith" data-user-id="1" data-username="jsmith" data-testid="assigned-user" class="gl-avatar-link js-user-link gl-link gl-link-meta">
    
    Received:
    Links must have discernible text (link-name)
    
    Fix all of the following:
      Element is in tab order and does not have accessible text
    
    Fix any of the following:
      Element does not have text that is visible to screen readers
      aria-label attribute does not exist or is empty
      aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
      Element has no title attribute
    
    You can find more information on this issue here: 
    https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI
    -----------------------------------
    
    Expected the HTML found at $('a[data-user-id="2"]') to have no violations:
    <a data-v-77ea5ff6="" target="blank" href="https://gitlab.com/root" data-name="John Smith" data-user-id="2" data-username="jsmith" data-testid="assigned-user" class="gl-avatar-link js-user-link gl-link gl-link-meta">
    
    Received:
    Links must have discernible text (link-name)
    
    Fix all of the following:
      Element is in tab order and does not have accessible text
    
    Fix any of the following:
      Element does not have text that is visible to screen readers
      aria-label attribute does not exist or is empty
      aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
      Element has no title attribute
    
    You can find more information on this issue here: 
    https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI
    -----------------------------------
      at TerminalReporterV2.<anonymous> (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
      at storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
      at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
      at TerminalReporterV2.report (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
      at storybook/node_modules/axe-playwright/dist/index.js:97:20
      at storybook/node_modules/axe-playwright/dist/index.js:31:71
      at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/index.js:27:12)
      at reportViolations (storybook/node_modules/axe-playwright/dist/index.js:96:52)
      at storybook/node_modules/axe-playwright/dist/index.js:141:44
      at fulfilled (storybook/node_modules/axe-playwright/dist/index.js:28:58)
 ● merge_requests_dashboard/merge_request › WithApprovalNeeded › smoke-test
    assert.fail(received, expected)
    Message:
      Found 2 accessibility violations: 
    -----------------------------------
    Expected the HTML found at $('div[role="row"]') to have no violations:
    <div data-v-158414ca="" role="row" class="">
    
    Received:
    Certain ARIA roles must be contained by particular parents (aria-required-parent)
    
    Fix any of the following:
      Required ARIA parents role not present: grid, rowgroup, table, treegrid
    
    You can find more information on this issue here: 
    https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI
    -----------------------------------
    
    Expected the HTML found at $('div[role="cell"][data-v-158414ca=""]:nth-child(3) > .mr-users-list.gl-justify-center.gl-relative > .gl-gap-2.gl-flex[data-v-77ea5ff6=""] > .gl-avatar-link.gl-link-meta[target="blank"]') to have no violations:
    <a data-v-77ea5ff6="" target="blank" href="https://gitlab.com/root" data-name="John Smith" data-user-id="1" data-username="jsmith" data-testid="assigned-user" class="gl-avatar-link js-user-link gl-link gl-link-meta">
    
    Received:
    Links must have discernible text (link-name)
    
    Fix all of the following:
      Element is in tab order and does not have accessible text
    
    Fix any of the following:
      Element does not have text that is visible to screen readers
      aria-label attribute does not exist or is empty
      aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
      Element has no title attribute
    
    You can find more information on this issue here: 
    https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI
    -----------------------------------
    
    Expected the HTML found at $('div[role="cell"][data-v-158414ca=""]:nth-child(4) > .mr-users-list.gl-justify-center.gl-relative > .gl-gap-2.gl-flex[data-v-77ea5ff6=""] > .gl-avatar-link.gl-link-meta[target="blank"]:nth-child(1)') to have no violations:
    <a data-v-77ea5ff6="" target="blank" href="https://gitlab.com/root" data-name="John Smith" data-user-id="1" data-username="jsmith" data-testid="assigned-user" class="gl-avatar-link js-user-link gl-link gl-link-meta">
    
    Received:
    Links must have discernible text (link-name)
    
    Fix all of the following:
      Element is in tab order and does not have accessible text
    
    Fix any of the following:
      Element does not have text that is visible to screen readers
      aria-label attribute does not exist or is empty
      aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
      Element has no title attribute
    
    You can find more information on this issue here: 
    https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI
    -----------------------------------
    
    Expected the HTML found at $('a[data-user-id="2"]') to have no violations:
    <a data-v-77ea5ff6="" target="blank" href="https://gitlab.com/root" data-name="John Smith" data-user-id="2" data-username="jsmith" data-testid="assigned-user" class="gl-avatar-link js-user-link gl-link gl-link-meta">
    
    Received:
    Links must have discernible text (link-name)
    
    Fix all of the following:
      Element is in tab order and does not have accessible text
    
    Fix any of the following:
      Element does not have text that is visible to screen readers
      aria-label attribute does not exist or is empty
      aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
      Element has no title attribute
    
    You can find more information on this issue here: 
    https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI
    -----------------------------------
      at TerminalReporterV2.<anonymous> (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
      at storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
      at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
      at TerminalReporterV2.report (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
      at storybook/node_modules/axe-playwright/dist/index.js:97:20
      at storybook/node_modules/axe-playwright/dist/index.js:31:71
      at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/index.js:27:12)
      at reportViolations (storybook/node_modules/axe-playwright/dist/index.js:96:52)
      at storybook/node_modules/axe-playwright/dist/index.js:141:44
      at fulfilled (storybook/node_modules/axe-playwright/dist/index.js:28:58)
 FAIL  ee/app/assets/javascripts/members/promotion_requests/components/app.stories.js (10.319 s)
  ● ee/members/promotion_requests/app.vue › Default › smoke-test
    assert.fail(received, expected)
    Message:
      Found 1 accessibility violations: 
    -----------------------------------
    Expected the HTML found at $('#__BVID__7') to have no violations:
    <table role="table" aria-busy="false" aria-colcount="4" class="table b-table gl-table b-table-caption-top" id="__BVID__7">
    
    Received:
    Certain ARIA roles must contain particular children (aria-required-children)
    
    Fix any of the following:
      Element has children which are not allowed: a[tabindex]
    
    You can find more information on this issue here: 
    https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI
    -----------------------------------
      at TerminalReporterV2.<anonymous> (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
      at storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
      at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
      at TerminalReporterV2.report (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
      at storybook/node_modules/axe-playwright/dist/index.js:97:20
      at storybook/node_modules/axe-playwright/dist/index.js:31:71
      at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/index.js:27:12)
      at reportViolations (storybook/node_modules/axe-playwright/dist/index.js:96:52)
      at storybook/node_modules/axe-playwright/dist/index.js:141:44
      at fulfilled (storybook/node_modules/axe-playwright/dist/index.js:28:58)
Edited by 🤖 GitLab Bot 🤖