[9.3] Address @elastic/eui/require-table-caption lint violations across @elastic/actionable-obs-team files (#250682)

x-pack/solutions/observability/plugins/observability/public/components/alert_overview/alert_overview.tsx

@@ -223,7 +223,15 @@ export const AlertOverview = memo(
           </h4>
         </EuiTitle>
         <EuiSpacer size="m" />
-        <EuiInMemoryTable width={'80%'} columns={overviewColumns} itemId="key" items={items} />
+        <EuiInMemoryTable
+          width={'80%'}
+          columns={overviewColumns}
+          itemId="key"
+          items={items}
+          tableCaption={i18n.translate('xpack.observability.alertFlyout.alertOverviewCaption', {
+            defaultMessage: 'Alert overview',
+          })}
+        />
       </>
     );
   }

x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/dependencies.tsx

@@ -160,7 +160,13 @@ export function Dependencies({ currentRuleId, dependencies, onChange }: Dependen
         </p>
       </EuiText>
       <EuiSpacer size="s" />
-      <EuiBasicTable columns={columns} items={rows} />
+      <EuiBasicTable
+        columns={columns}
+        items={rows}
+        tableCaption={i18n.translate('xpack.slo.rules.dependencies.tableCaption', {
+          defaultMessage: 'Configured rule dependencies',
+        })}
+      />
       <EuiSpacer size="s" />
       <DependencyEditor
         rules={availableRules}

x-pack/solutions/observability/plugins/slo/public/pages/slos/components/compact_view/slo_list_compact_view.tsx

@@ -460,6 +460,9 @@ export function SloListCompactView({ sloList, loading, error }: Props) {
         loading={loading}
         noItemsMessage={loading ? LOADING_SLOS_LABEL : NO_SLOS_FOUND}
         tableLayout="auto"
+        tableCaption={i18n.translate('xpack.slo.sloListCompactView.tableCaption', {
+          defaultMessage: 'Compact SLO list',
+        })}
       />
       {sloToAddRule ? (
         <RuleFormFlyout

x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/alerts/rule_monitors_table.tsx

@@ -98,6 +98,9 @@ export const RuleMonitorsTable = () => {
         pageSize,
         showPerPageOptions: true,
       }}
+      tableCaption={i18n.translate('xpack.synthetics.ruleDetails.monitorsTable.caption', {
+        defaultMessage: 'Rule monitors',
+      })}
     />
   );
 };

x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/certificates/certificates_list.tsx

@@ -9,6 +9,7 @@ import React from 'react';
 import moment from 'moment';
 import type { Direction } from '@elastic/eui';
 import { EuiBasicTable } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
 import type { Cert, CertMonitor, CertResult } from '../../../../../common/runtime_types';
 import { useDateFormat } from '../../../../hooks/use_date_format';
 import { CertStatus } from './cert_status';
@@ -104,6 +105,9 @@ export const CertificateList: React.FC<Props> = ({ page, certificates, sort, onC
       columns={columns}
       items={certificates?.certs ?? []}
       pagination={pagination}
+      tableCaption={i18n.translate('xpack.synthetics.certificates.certificatesList.tableCaption', {
+        defaultMessage: 'Certificates overview',
+      })}
       onChange={(newVal) => {
         onChange(newVal.page as Page, newVal.sort as CertSort);
       }}

x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/common/components/stderr_logs.tsx

@@ -154,6 +154,7 @@ export const StdErrorLogs = ({
           pageSizeOptions: [2, 5, 10, 20, 50],
         }}
         onTableChange={onTableChange}
+        tableCaption={title ?? TEST_RUN_LOGS_LABEL}
       />
     </>
   );

x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/common/monitor_test_result/browser_steps_list.tsx

@@ -324,6 +324,9 @@ export const BrowserStepsList = ({
               defaultMessage: 'No data found',
             })
       }
+      tableCaption={i18n.translate('xpack.synthetics.monitor.browserStepsList.caption', {
+        defaultMessage: 'Step results',
+      })}
       tableLayout="auto"
       itemId="_id"
       itemIdToExpandedRowMap={testNowMode || showExpand ? expandedMap : undefined}

x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/test_runs_table.tsx

@@ -316,6 +316,9 @@ export const TestRunsTable = ({
               }
             : undefined
         }
+        tableCaption={i18n.translate('xpack.synthetics.monitorDetails.summary.testRunsCaption', {
+          defaultMessage: 'Recent test runs',
+        })}
       />
     </EuiPanel>
   );

x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_list_table/monitor_list.tsx

@@ -126,6 +126,9 @@ export const MonitorList = ({
           aria-label={i18n.translate('xpack.synthetics.management.monitorList.title', {
             defaultMessage: 'Synthetics monitors list',
           })}
+          tableCaption={i18n.translate('xpack.synthetics.management.monitorList.caption', {
+            defaultMessage: 'Synthetics monitors',
+          })}
           error={error?.body?.message}
           loading={loading}
           itemId="config_id"

x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/compact_view/components/monitors_table.tsx

@@ -4,6 +4,7 @@
  * 2.0; you may not use this file except in compliance with the Elastic License
  * 2.0.
  */
+import { i18n } from '@kbn/i18n';
 import React, { useCallback } from 'react';
 import type { EuiTableRowProps } from '@elastic/eui';
 import { EuiBasicTable } from '@elastic/eui';
@@ -74,6 +75,9 @@ export const MonitorsTable = ({
       rowProps={getRowProps}
       data-test-subj="syntheticsCompactViewTable"
       tableLayout="auto"
+      tableCaption={i18n.translate('xpack.synthetics.monitorsTable.tableCaption', {
+        defaultMessage: 'Compact monitors list',
+      })}
     />
   );
 };

x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/settings/data_retention/dsl_retention_tab.tsx

@@ -32,6 +32,9 @@ export const DslRetentionTab = () => {
       loading={loading === true}
       columns={DSL_RETENTION_COLUMNS}
       tableLayout="auto"
+      tableCaption={i18n.translate('xpack.synthetics.dslRetention.table.caption', {
+        defaultMessage: 'Retention overview',
+      })}
     />
   );
 };

x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/test_now_mode/simple/ping_list/ping_list_table.tsx

@@ -127,6 +127,9 @@ export function PingListTable({ loading, error, pings, onChange }: Props) {
               defaultMessage: 'No history found',
             })
       }
+      tableCaption={i18n.translate('xpack.synthetics.pingList.pingListCaption', {
+        defaultMessage: 'Ping history',
+      })}
       tableLayout="auto"
       onChange={onChange}
     />

x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/certificates/certificates_list.tsx

@@ -7,6 +7,7 @@
 
 import React from 'react';
 import moment from 'moment';
+import { i18n } from '@kbn/i18n';
 import type { Direction } from '@elastic/eui';
 import { EuiBasicTable } from '@elastic/eui';
 import { CertStatus } from './cert_status';
@@ -113,6 +114,9 @@ export const CertificateList: React.FC<Props> = ({ page, certificates, sort, onC
           direction: sort.direction,
         },
       }}
+      tableCaption={i18n.translate('xpack.uptime.certificatesList.caption', {
+        defaultMessage: 'Certificates overview',
+      })}
       noItemsMessage={
         certificates.loading ? (
           LOADING_CERTIFICATES

x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/monitor/ping_list/ping_list_table.tsx

@@ -240,6 +240,9 @@ export function PingListTable({ loading, error, pings, pagination, onChange, fai
               defaultMessage: 'No history found',
             })
       }
+      tableCaption={i18n.translate('xpack.uptime.pingList.pingHistoryCaption', {
+        defaultMessage: 'Ping history',
+      })}
       tableLayout="auto"
       rowProps={getRowProps}
       onChange={onChange}

x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/monitor/status_details/availability_reporting/availability_reporting.tsx

@@ -8,6 +8,7 @@
 import React, { useState } from 'react';
 import type { Criteria, Pagination } from '@elastic/eui';
 import { EuiBasicTable, EuiSpacer } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
 import type { StatusTag } from './location_status_tags';
 import { TagLabel } from './tag_label';
@@ -81,6 +82,9 @@ export const AvailabilityReporting: React.FC<Props> = ({ allLocations }) => {
         columns={cols}
         items={allLocations.slice(pageIndex * pageSize, pageIndex * pageSize + pageSize)}
         onChange={onTableChange}
+        tableCaption={i18n.translate('xpack.uptime.availabilityReporting.tableCaption', {
+          defaultMessage: 'Availability overview',
+        })}
         {...paginationProps}
       />
     </>

x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/overview/monitor_list/monitor_list.tsx

@@ -4,6 +4,7 @@
  * 2.0; you may not use this file except in compliance with the Elastic License
  * 2.0.
  */
+import { i18n } from '@kbn/i18n';
 import React, { useState } from 'react';
 import useDebounce from 'react-use/lib/useDebounce';
 import {
@@ -224,6 +225,9 @@ export const MonitorListComponent: ({
       <EuiSpacer size="m" />
       <EuiBasicTable
         aria-label={labels.getDescriptionLabel(items.length)}
+        tableCaption={i18n.translate('xpack.uptime.monitorList.monitorListCaption', {
+          defaultMessage: 'Monitors list',
+        })}
         error={error?.body?.message || error?.message}
         loading={loading || isPending}
         itemId="monitor_id"

x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/synthetics/check_steps/stderr_logs.tsx

@@ -142,6 +142,7 @@ export const StdErrorLogs = ({
         executeQueryOptions={{
           defaultFields: ['@timestamp', 'synthetics.payload.message'],
         }}
+        tableCaption={title ?? TEST_RUN_LOGS_LABEL}
       />
     </>
   );

x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/synthetics/check_steps/steps_list.tsx

@@ -236,6 +236,9 @@ export const StepsList = ({
       <EuiBasicTable
         compressed={compactView}
         loading={loading}
+        tableCaption={i18n.translate('xpack.uptime.synthetics.stepsList.tableCaption', {
+          defaultMessage: 'Journey step details',
+        })}
         columns={columns}
         error={error?.message}
         items={steps}

x-pack/solutions/observability/plugins/ux/public/components/app/rum_dashboard/impactful_metrics/js_errors.tsx

@@ -130,6 +130,9 @@ export function JSErrors() {
           ...pagination,
           totalItemCount: data?.totalErrorGroups ?? 0,
         }}
+        tableCaption={i18n.translate('xpack.ux.jsErrors.tableCaption', {
+          defaultMessage: 'JS errors',
+        })}
       />
     </>
   );