dashboard app using current data dashboard query bar causes panels to reload when refresh is clicked

[liza-mae]

✖ fail: "dashboard app using current data dashboard query bar causes panels to reload when refresh is clicked"
18:06:12 │ [GET http://localhost:9515/session/ff618cfe7fa170807f09ba6bb8cf2ad0/element/0.7831911331657162-11/displayed] stale element reference: element is not attached to the page document
18:06:12 │ (Session info: headless chrome=74.0.3729.131)
18:06:12 │ (Driver info: chromedriver=74.0.3729.6 (255758eccf3d244491b8a1317aa76e1ce10d57e9-refs/branch-heads/3729@{#29}),platform=Linux 4.16.13-200.fc27.x86_64 x86_64)
18:06:12 │ at Server._get (test/functional/services/remote/verbose_remote_logging.js:34:21)
18:06:12 │ at runRequest (node_modules/leadfoot/Session.js:92:40)
18:06:12 │ at getFinalValue (node_modules/dojo/_debug/Promise.ts:462:22)
18:06:12 │ at node_modules/dojo/_debug/Promise.ts:478:11
18:06:12 │ at node_modules/dojo/_debug/Promise.ts:393:16
18:06:12 │ at runCallbacks (node_modules/dojo/_debug/Promise.ts:11:12)
18:06:12 │ at node_modules/dojo/_debug/Promise.ts:317:5
18:06:12 │ at run (node_modules/dojo/_debug/Promise.ts:237:8)
18:06:12 │ at node_modules/dojo/_debug/nextTick.ts:44:4
18:06:12 │ at process._tickCallback (internal/process/next_tick.js:61:11)

Version: 6.8

[elasticmachine]

Pinging @elastic/kibana-app

[elasticmachine]

Pinging @elastic/kibana-test-triage

[liza-mae]

✖ fail: "dashboard app using current data dashboard query bar causes panels to reload when refresh is clicked"
15:49:22 │ StaleElementReferenceError: stale element reference: element is not attached to the page document
15:49:22 │ (Session info: headless chrome=75.0.3770.142)
15:49:22 │ (Driver info: chromedriver=75.0.3770.90 (a6dcaf7e3ec6f70a194cc25e8149475c6590e025-refs/branch-heads/3770@{#1003}),platform=Linux 4.16.13-200.fc27.x86_64 x86_64)
15:49:22 │ at Object.checkLegacyResponse (node_modules/selenium-webdriver/lib/error.js:585:15)
15:49:22 │ at parseHttpResponse (node_modules/selenium-webdriver/lib/http.js:551:13)
15:49:22 │ at Executor.execute (node_modules/selenium-webdriver/lib/http.js:486:26)
15:49:22 │ at process._tickCallback (internal/process/next_tick.js:68:7)

Version: 7.3

[liza-mae]

[liza-mae]

└- ✖ fail: "dashboard app using current data dashboard query bar causes panels to reload when refresh is clicked"
│ StaleElementReferenceError: stale element reference: element is not attached to the page document
│ (Session info: headless chrome=77.0.3865.90)
│ (Driver info: chromedriver=77.0.3865.40 (f484704e052e0b556f8030b65b953dce96503217-refs/branch-heads/3865@{#442}),platform=Linux 4.15.0-58-generic x86_64)
│ at Object.checkLegacyResponse (node_modules/selenium-webdriver/lib/error.js:585:15)
│ at parseHttpResponse (node_modules/selenium-webdriver/lib/http.js:551:13)
│ at Executor.execute (node_modules/selenium-webdriver/lib/http.js:486:26)
│ at process._tickCallback (internal/process/next_tick.js:68:7)
│

Version: 7.4

[majagrubic]

By the message of it, it sounds like there was an attempt to interact with an element that's not in the DOM anymore, but it doesn't say which element.

[majagrubic]

This is the test:

kibana/test/functional/apps/dashboard/dashboard_query_bar.js

Line 40 in 8e9a8a8

it('causes panels to reload when refresh is clicked', async () => {

From what I can tell, the test is interacting with 3 elements:

1. query bar
2. pie chart
3. discover column headers

Interactions with both the query bar and pie chart have retry options:
Query bar:

kibana/test/functional/services/query_bar.ts

Line 63 in 8e9a8a8

await testSubjects.click('querySubmitButton');

(as part of the testSubjects)
Pie chart:

kibana/test/functional/services/visualizations/pie_chart.js

Line 106 in 8e9a8a8

await retry.try(async () => {

[majagrubic]

discover table headers also has a retry, which I just confirmed locally:

debg Find.allByCssSelector('[data-test-subj="docTableHeaderField"]') with timeout=10000
debg --- retry.try error: stale element reference: element is not attached to the page document
debg TestSubjects.findAll(docTableHeaderField)
debg Find.allByCssSelector('[data-test-subj="docTableHeaderField"]') with timeout=10000

Looks like docTableHeaderField was not found in the first try, but was found in the subsequent try.

[majagrubic]

But according to that screenshot, the test failed because pie chart was rendered with 4 slices, instead of not being rendered at all. This is the expected final state of the test:

So I wonder if the error couldn't be found, retry took care of it and then it failed because pie chart wasn't given enough time to reload.

[majagrubic]

We did a bunch of work in state management for the dashboard. So if there was a bug where pie chart wasn't rendered properly because of state not updating, it was likely fixed.

[timroes]

It seems this test was never skipped, and didn't fail on any available past runs in CI, so I'd close this, since as Maja pointed out, we've had a lot of changes since 7.4, that could have influenced that.