diff --git a/x-pack/plugins/cross_cluster_replication/public/__jest__/client_integration/auto_follow_pattern_list.test.js b/x-pack/plugins/cross_cluster_replication/public/__jest__/client_integration/auto_follow_pattern_list.test.js
index 8eab5feeb9cfd..e2de5b4dbc09e 100644
--- a/x-pack/plugins/cross_cluster_replication/public/__jest__/client_integration/auto_follow_pattern_list.test.js
+++ b/x-pack/plugins/cross_cluster_replication/public/__jest__/client_integration/auto_follow_pattern_list.test.js
@@ -269,7 +269,10 @@ describe('', () => {
test('should have a "settings" section', () => {
actions.clickAutoFollowPatternAt(0);
expect(find('settingsSection').find('h3').text()).toEqual('Settings');
- expect(exists('settingsValues')).toBe(true);
+
+ // The number of different settings of an auto-follower pattern
+ const AVAILABLE_SETTINGS = 4;
+ expect(find('settingsValues').length).toBe(AVAILABLE_SETTINGS);
});
test('should set the correct auto-follow pattern settings values', () => {
diff --git a/x-pack/plugins/cross_cluster_replication/public/app/sections/home/auto_follow_pattern_list/components/detail_panel/detail_panel.js b/x-pack/plugins/cross_cluster_replication/public/app/sections/home/auto_follow_pattern_list/components/detail_panel/detail_panel.js
index 9718f6f34eef8..44f68bd10368c 100644
--- a/x-pack/plugins/cross_cluster_replication/public/app/sections/home/auto_follow_pattern_list/components/detail_panel/detail_panel.js
+++ b/x-pack/plugins/cross_cluster_replication/public/app/sections/home/auto_follow_pattern_list/components/detail_panel/detail_panel.js
@@ -102,9 +102,9 @@ export class DetailPanel extends Component {
-
-
-
+
+
+
{remoteCluster}
-
+
+
-
+
+
{leaderIndexPatterns.join(', ')}
-
-
+
+
+
-
+
-
-
+
+
+
)}
-
+
+
-
+
+
)}
-
-
-
+
+
+
);
diff --git a/x-pack/plugins/cross_cluster_replication/public/app/sections/home/follower_indices_list/components/detail_panel/detail_panel.js b/x-pack/plugins/cross_cluster_replication/public/app/sections/home/follower_indices_list/components/detail_panel/detail_panel.js
index 75263594d5a42..a45fcd71b3762 100644
--- a/x-pack/plugins/cross_cluster_replication/public/app/sections/home/follower_indices_list/components/detail_panel/detail_panel.js
+++ b/x-pack/plugins/cross_cluster_replication/public/app/sections/home/follower_indices_list/components/detail_panel/detail_panel.js
@@ -70,9 +70,9 @@ export class DetailPanel extends Component {
-
-
-
+
+
+
)}
-
-
+
+
+
-
+
-
-
+
+
+
{remoteCluster}
-
+
+
-
+
+
{leaderIndex}
-
-
-
+
+
+
@@ -166,36 +170,40 @@ export class DetailPanel extends Component {
}
/>
) : (
-
+ <>
-
-
-
-
-
-
-
- {maxReadRequestOperationCount}
-
+
+
+
+
+
+
+
+
+ {maxReadRequestOperationCount}
+
+
-
-
-
-
-
-
-
- {maxOutstandingReadRequests}
-
+
+
+
+
+
+
+
+
+ {maxOutstandingReadRequests}
+
+
@@ -203,33 +211,37 @@ export class DetailPanel extends Component {
-
-
-
-
-
-
-
- {maxReadRequestSize}
-
+
+
+
+
+
+
+
+
+ {maxReadRequestSize}
+
+
-
-
-
-
-
-
-
- {maxWriteRequestOperationCount}
-
+
+
+
+
+
+
+
+
+ {maxWriteRequestOperationCount}
+
+
@@ -237,33 +249,37 @@ export class DetailPanel extends Component {
-
-
-
-
-
-
-
- {maxWriteRequestSize}
-
+
+
+
+
+
+
+
+
+ {maxWriteRequestSize}
+
+
-
-
-
-
-
-
-
- {maxOutstandingWriteRequests}
-
+
+
+
+
+
+
+
+
+ {maxOutstandingWriteRequests}
+
+
@@ -271,33 +287,37 @@ export class DetailPanel extends Component {
-
-
-
-
-
-
-
- {maxWriteBufferCount}
-
+
+
+
+
+
+
+
+
+ {maxWriteBufferCount}
+
+
-
-
-
-
-
-
-
- {maxWriteBufferSize}
-
+
+
+
+
+
+
+
+
+ {maxWriteBufferSize}
+
+
@@ -305,36 +325,40 @@ export class DetailPanel extends Component {
-
-
-
-
-
-
-
- {maxRetryDelay}
-
+
+
+
+
+
+
+
+
+ {maxRetryDelay}
+
+
-
-
-
-
-
-
-
- {readPollTimeout}
-
+
+
+
+
+
+
+
+
+ {readPollTimeout}
+
+
-
+
)}
diff --git a/x-pack/test/accessibility/apps/cross_cluster_replication.ts b/x-pack/test/accessibility/apps/cross_cluster_replication.ts
index 8081c8fd142b0..bc81770de9f4b 100644
--- a/x-pack/test/accessibility/apps/cross_cluster_replication.ts
+++ b/x-pack/test/accessibility/apps/cross_cluster_replication.ts
@@ -53,9 +53,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
);
});
it('follower index flyout', async () => {
- // https://github.com/elastic/kibana/issues/135503
- // Skipping this snapshot because there is an existing a11y violation.
- // await a11y.testAppSnapshot();
+ await a11y.testAppSnapshot();
await testSubjects.click('closeFlyoutButton');
await retry.waitFor('follower index table to be visible', async () => {
return await (await find.byCssSelector('table')).isDisplayed();
@@ -86,9 +84,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
);
});
it('auto follower index flyout', async () => {
- // https://github.com/elastic/kibana/issues/135506
- // Skipping this snapshot because there is an existing a11y violation.
- // await a11y.testAppSnapshot();
+ await a11y.testAppSnapshot();
await testSubjects.click('closeFlyoutButton');
await retry.waitFor('auto follower index table to be visible', async () => {
return await (await find.byCssSelector('table')).isDisplayed();