[7.14] chore(NA): moving @kbn/ace to babel transpiler (#106922)

[kibanamachine]

Backports the following commits to 7.14:

• chore(NA): moving @kbn/ace to babel transpiler (chore(NA): moving @kbn/ace to babel transpiler #106922)

[kibanamachine]

💛 Build succeeded, but was flaky

• continuous-integration/kibana-ci/pull-request

• Commit: a7e825e

• Storybooks Preview

• Flaky suites:

  • oss-firefox

---

Test Failures

Kibana Pipeline / general / Firefox UI Functional Tests.test/functional/apps/discover/_field_data_with_fields_api·ts.discover app discover tab with new fields API field data the search term should be highlighted in the field data

Link to Jenkins

Standard Out

Failed Tests Reporter:
  - Test has failed 6 times on tracked branches: https://github.com/elastic/kibana/issues/103389

[00:00:00]       │
[00:09:00]         └-: discover app
[00:09:00]           └-> "before all" hook in "discover app"
[00:09:00]           └-> "before all" hook in "discover app"
[00:10:24]           └-: discover tab with new fields API
[00:10:24]             └-> "before all" hook in "discover tab with new fields API"
[00:10:24]             └-> "before all" hook in "discover tab with new fields API"
[00:10:24]               │ debg Cleaning all saved objects { space: undefined }
[00:10:24]               │ info deleting batch of 2 objects
[00:10:25]               │ succ deleted 2 objects
[00:10:25]               │ debg resolved import for test/functional/fixtures/kbn_archiver/discover.json to /dev/shm/workspace/parallel/1/kibana/test/functional/fixtures/kbn_archiver/discover.json
[00:10:25]               │ info importing 2 saved objects { space: undefined }
[00:10:26]               │ succ import success
[00:10:26]               │ info [test/functional/fixtures/es_archiver/logstash_functional] Loading "mappings.json"
[00:10:26]               │ info [test/functional/fixtures/es_archiver/logstash_functional] Loading "data.json.gz"
[00:10:26]               │ info [test/functional/fixtures/es_archiver/logstash_functional] Skipped restore for existing index "logstash-2015.09.22"
[00:10:26]               │ info [test/functional/fixtures/es_archiver/logstash_functional] Skipped restore for existing index "logstash-2015.09.20"
[00:10:26]               │ info [test/functional/fixtures/es_archiver/logstash_functional] Skipped restore for existing index "logstash-2015.09.21"
[00:10:27]               │ debg browser[log] WebExtensions: reset-default-search: No addons in our list are installed.
[00:10:28]               │ debg replacing kibana config doc: {"defaultIndex":"logstash-*","discover:searchFieldsFromSource":false}
[00:10:28]               │ debg applying update to kibana config: {"timepicker:timeDefaults":"{ \"from\": \"2015-09-18T06:31:44.000Z\", \"to\": \"2015-09-23T18:31:44.000Z\"}"}
[00:10:29]               │ debg navigating to discover url: http://localhost:6111/app/discover#/
[00:10:29]               │ debg navigate to: http://localhost:6111/app/discover#/
[00:10:30]               │ debg browser[log] "^ A single error about an inline script not firing due to content security policy is expected!"
[00:10:30]               │ debg ... sleep(700) start
[00:10:31]               │ debg ... sleep(700) end
[00:10:31]               │ debg returned from get, calling refresh
[00:10:32]               │ debg browser[log] "^ A single error about an inline script not firing due to content security policy is expected!"
[00:10:34]               │ debg currentUrl = http://localhost:6111/app/discover#/
[00:10:34]               │          appUrl = http://localhost:6111/app/discover#/
[00:10:34]               │ debg TestSubjects.find(kibanaChrome)
[00:10:34]               │ debg Find.findByCssSelector('[data-test-subj="kibanaChrome"]') with timeout=60000
[00:10:35]               │ debg ... sleep(501) start
[00:10:36]               │ debg ... sleep(501) end
[00:10:36]               │ debg in navigateTo url = http://localhost:6111/app/discover#/
[00:10:36]             └-: field data
[00:10:36]               └-> "before all" hook for "search php should show the correct hit count"
[00:10:36]               └-> search php should show the correct hit count
[00:10:36]                 └-> "before each" hook: global before each for "search php should show the correct hit count"
[00:10:36]                 │ debg QueryBar.setQuery(php)
[00:10:36]                 │ debg TestSubjects.click(queryInput)
[00:10:36]                 │ debg Find.clickByCssSelector('[data-test-subj="queryInput"]') with timeout=10000
[00:10:36]                 │ debg Find.findByCssSelector('[data-test-subj="queryInput"]') with timeout=10000
[00:10:37]                 │ debg Firefox stdout: 1627494907702	Marionette	WARN	TimedPromise timed out after 500 ms: stacktrace:
[00:10:37]                 │      TimedPromise/<@chrome://marionette/content/sync.js:228:19
[00:10:37]                 │      TimedPromise@chrome://marionette/content/sync.js:213:10
[00:10:37]                 │      interaction.flushEventLoop@chrome://marionette/content/interaction.js:418:10
[00:10:37]                 │      webdriverClickElement@chrome://marionette/content/interaction.js:179:31
[00:10:37]                 │
[00:10:38]                 │ debg TestSubjects.getAttribute(queryInput, value, tryTimeout=120000, findTimeout=10000)
[00:10:38]                 │ debg TestSubjects.find(queryInput)
[00:10:38]                 │ debg Find.findByCssSelector('[data-test-subj="queryInput"]') with timeout=10000
[00:10:38]                 │ debg QueryBar.submitQuery
[00:10:38]                 │ debg TestSubjects.click(queryInput)
[00:10:38]                 │ debg Find.clickByCssSelector('[data-test-subj="queryInput"]') with timeout=10000
[00:10:38]                 │ debg Find.findByCssSelector('[data-test-subj="queryInput"]') with timeout=10000
[00:10:38]                 │ debg isGlobalLoadingIndicatorVisible
[00:10:38]                 │ debg TestSubjects.exists(globalLoadingIndicator)
[00:10:38]                 │ debg Find.existsByDisplayedByCssSelector('[data-test-subj="globalLoadingIndicator"]') with timeout=1500
[00:10:38]                 │ debg TestSubjects.exists(globalLoadingIndicator-hidden)
[00:10:38]                 │ debg Find.existsByCssSelector('[data-test-subj="globalLoadingIndicator-hidden"]') with timeout=100000
[00:10:44]                 │ debg isGlobalLoadingIndicatorVisible
[00:10:44]                 │ debg TestSubjects.exists(globalLoadingIndicator)
[00:10:44]                 │ debg Find.existsByDisplayedByCssSelector('[data-test-subj="globalLoadingIndicator"]') with timeout=1500
[00:10:46]                 │ debg --- retry.tryForTime error: [data-test-subj="globalLoadingIndicator"] is not displayed
[00:10:47]                 │ debg TestSubjects.exists(globalLoadingIndicator-hidden)
[00:10:47]                 │ debg Find.existsByCssSelector('[data-test-subj="globalLoadingIndicator-hidden"]') with timeout=100000
[00:10:47]                 │ debg TestSubjects.getVisibleText(discoverQueryHits)
[00:10:47]                 │ debg TestSubjects.find(discoverQueryHits)
[00:10:47]                 │ debg Find.findByCssSelector('[data-test-subj="discoverQueryHits"]') with timeout=10000
[00:10:47]                 └- ✓ pass  (10.7s) "discover app discover tab with new fields API field data search php should show the correct hit count"
[00:10:47]               └-> the search term should be highlighted in the field data
[00:10:47]                 └-> "before each" hook: global before each for "the search term should be highlighted in the field data"
[00:10:47]                 │ debg TestSubjects.moveMouseTo(field-extension)
[00:10:47]                 │ debg TestSubjects.find(field-extension)
[00:10:47]                 │ debg Find.findByCssSelector('[data-test-subj="field-extension"]') with timeout=10000
[00:10:47]                 │ debg TestSubjects.click(fieldToggle-extension)
[00:10:47]                 │ debg Find.clickByCssSelector('[data-test-subj="fieldToggle-extension"]') with timeout=10000
[00:10:47]                 │ debg Find.findByCssSelector('[data-test-subj="fieldToggle-extension"]') with timeout=10000
[00:10:49]                 │ debg TestSubjects.find(docTable)
[00:10:49]                 │ debg Find.findByCssSelector('[data-test-subj="docTable"]') with timeout=10000
[00:10:50]                 │ debg Firefox stdout: 1627494920197	Marionette	WARN	TimedPromise timed out after 500 ms: stacktrace:
[00:10:50]                 │      TimedPromise/<@chrome://marionette/content/sync.js:228:19
[00:10:50]                 │      TimedPromise@chrome://marionette/content/sync.js:213:10
[00:10:50]                 │      interaction.flushEventLoop@chrome://marionette/content/interaction.js:418:10
[00:10:50]                 │      webdriverClickElement@chrome://marionette/content/interaction.js:179:31
[00:10:50]                 │
[00:10:50]                 │ info Taking screenshot "/dev/shm/workspace/parallel/1/kibana/test/functional/screenshots/failure/discover app discover tab with new fields API field data the search term should be highlighted in the field data.png"
[00:10:52]                 │ info Current URL is: http://localhost:6111/app/discover#/?_g=(filters:!(),refreshInterval:(pause:!t,value:0),time:(from:%272015-09-18T06:31:44.000Z%27,to:%272015-09-23T18:31:44.000Z%27))&_a=(columns:!(extension),filters:!(),index:%27logstash-*%27,interval:auto,query:(language:kuery,query:php),sort:!(!(%27@timestamp%27,desc)))
[00:10:52]                 │ info Saving page source to: /dev/shm/workspace/parallel/1/kibana/test/functional/failure_debug/html/discover app discover tab with new fields API field data the search term should be highlighted in the field data.html
[00:10:52]                 └- ✖ fail: discover app discover tab with new fields API field data the search term should be highlighted in the field data
[00:10:52]                 │      StaleElementReferenceError: The element reference of <mark> is stale; either the element is no longer attached to the DOM, it is not in the current frame context, or the document has been refreshed
[00:10:52]                 │       at Object.throwDecodedError (node_modules/selenium-webdriver/lib/error.js:550:15)
[00:10:52]                 │       at parseHttpResponse (node_modules/selenium-webdriver/lib/http.js:565:13)
[00:10:52]                 │       at Executor.execute (node_modules/selenium-webdriver/lib/http.js:491:26)
[00:10:52]                 │       at runMicrotasks (<anonymous>)
[00:10:52]                 │       at processTicksAndRejections (internal/process/task_queues.js:95:5)
[00:10:52]                 │       at Task.exec (test/functional/services/remote/prevent_parallel_calls.ts:28:20)
[00:10:52]                 │ 
[00:10:52]                 │ 

Stack Trace

StaleElementReferenceError: The element reference of <mark> is stale; either the element is no longer attached to the DOM, it is not in the current frame context, or the document has been refreshed
    at Object.throwDecodedError (node_modules/selenium-webdriver/lib/error.js:550:15)
    at parseHttpResponse (node_modules/selenium-webdriver/lib/http.js:565:13)
    at Executor.execute (node_modules/selenium-webdriver/lib/http.js:491:26)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (internal/process/task_queues.js:95:5)
    at Task.exec (test/functional/services/remote/prevent_parallel_calls.ts:28:20) {
  remoteStacktrace: 'WebDriverError@chrome://marionette/content/error.js:181:5\n' +
    'StaleElementReferenceError@chrome://marionette/content/error.js:442:5\n' +
    'get@chrome://marionette/content/element.js:239:13\n' +
    'evaluate.fromJSON@chrome://marionette/content/evaluate.js:242:26\n' +
    'dispatch/</req<@chrome://marionette/content/listener.js:101:29\n' +
    'dispatch/<@chrome://marionette/content/listener.js:100:15\n'
}

---

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
console	904.1KB	895.8KB	-8.3KB
dataVisualizer	1.1MB	1.1MB	-8.3KB
ml	5.9MB	5.9MB	-8.3KB
searchprofiler	653.0KB	644.7KB	-8.3KB
stackAlerts	663.1KB	654.8KB	-8.3KB
transform	927.0KB	918.7KB	-8.3KB
triggersActionsUi	1.6MB	1.6MB	-8.3KB
watcher	841.7KB	833.5KB	-8.2KB
total			-66.2KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
console	22.3KB	22.3KB	-65.0B
searchprofiler	40.4KB	40.3KB	-65.0B
stackAlerts	17.7KB	17.6KB	-65.0B
transform	18.8KB	18.7KB	-65.0B
watcher	22.7KB	22.6KB	-65.0B
total			-325.0B

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @mistic