test(a11y): fix flaky accessibility integration tests (#1137)

integration/page_objects/common.ts

@@ -19,6 +19,7 @@
 
 import Url from 'url';
 
+import { JSDOM } from 'jsdom';
 import { AXNode } from 'puppeteer';
 
 import { DRAG_DETECTION_TIMEOUT } from '../../src/state/reducers/interactions';
@@ -472,10 +473,10 @@ class CommonPage {
    * Get HTML for element to test aria labels etc
    */
   // eslint-disable-next-line class-methods-use-this
-  async getElementHTML(url: string) {
-    await this.loadElementFromURL(url);
-    // https://github.com/puppeteer/puppeteer/issues/406#issuecomment-323555639
-    return await page.evaluate(() => new XMLSerializer().serializeToString(document));
+  async getSelectorHTML(url: string, tagName: string) {
+    await this.loadElementFromURL(url, '.echCanvasRenderer');
+    const xml = await page.evaluate(() => new XMLSerializer().serializeToString(document));
+    return new JSDOM(xml, { contentType: 'text/xml' }).window.document.getElementsByTagName(tagName);
   }
 }
 

src/components/accessibility/accessibility.test.tsx

@@ -0,0 +1,46 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { mount } from 'enzyme';
+import React from 'react';
+
+import { BarSeries, LineSeries, Settings } from '../../specs';
+import { Chart } from '../chart';
+
+describe('Accessibility', () => {
+  it('should include the series types if one type of series', () => {
+    const wrapper = mount(
+      <Chart size={[100, 100]} id="chart1">
+        <Settings debug rendering="svg" showLegend />
+        <BarSeries id="test" data={[{ x: 0, y: 2 }]} />
+      </Chart>,
+    );
+    expect(wrapper.find('dd').first().text()).toBe('bar chart');
+  });
+  it('should include the series types if multiple types of series', () => {
+    const wrapper = mount(
+      <Chart size={[100, 100]} id="chart1">
+        <Settings debug rendering="svg" showLegend />
+        <BarSeries id="test" data={[{ x: 0, y: 2 }]} />
+        <LineSeries id="test2" data={[{ x: 3, y: 5 }]} />
+      </Chart>,
+    );
+    expect(wrapper.find('dd').first().text()).toBe('Mixed chart: bar and line chart');
+  });
+});