[7.x] [Maps] Improve Layer Style UI (#58406)

[elizabetdev]

Backports the following commits to 7.x:

• [Maps] Improve Layer Style UI ([Maps] Improve Layer Style UI #58406)

[kibanamachine]

💛 Build succeeded, but was flaky

• continuous-integration/kibana-ci/pull-request
• Commit: 2525362
• Flaky suites:
  • kibana-ciGroup1

---

Test Failures

Kibana Pipeline / kibana-oss-agent / Example plugin functional tests.test/examples/embeddables/adding_children·ts.embeddable explorer creating and adding children Can create a new child

Link to Jenkins

Standard Out

Failed Tests Reporter:
  - Test has not failed recently on tracked branches

[00:00:00]       │
[00:00:37]         └-: embeddable explorer
[00:00:37]           └-> "before all" hook
[00:00:37]           └-> "before all" hook
[00:00:37]             │ debg navigating to settings url: http://localhost:6111/app/kibana#/management
[00:00:37]             │ debg Navigate to: http://localhost:6111/app/kibana#/management
[00:00:37]             │ info [o.e.c.m.MetaDataCreateIndexService] [kibana-ci-immutable-ubuntu-16-tests-xl-1582741459872584032] [.kibana] creating index, cause [auto(bulk api)], templates [], shards [1]/[1], mappings []
[00:00:37]             │ info [o.e.c.m.MetaDataMappingService] [kibana-ci-immutable-ubuntu-16-tests-xl-1582741459872584032] [.kibana/6R5Jsmz-SROCwevNckSCqQ] create_mapping [_doc]
[00:00:38]             │ debg ... sleep(700) start
[00:00:38]             │ debg browser[INFO] http://localhost:6111/app/kibana?_t=1582743339112#/management 350 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'unsafe-eval' 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-P5polb1UreUSOe5V/Pv7tc+yeZuJXiOi/3fqhGsU7BE='), or a nonce ('nonce-...') is required to enable inline execution.
[00:00:38]             │
[00:00:38]             │ debg browser[INFO] http://localhost:6111/bundles/app/kibana/bootstrap.js 9:19 "^ A single error about an inline script not firing due to content security policy is expected!"
[00:00:39]             │ debg ... sleep(700) end
[00:00:39]             │ debg returned from get, calling refresh
[00:00:39]             │ debg browser[INFO] http://localhost:6111/app/kibana?_t=1582743339112#/management 350 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'unsafe-eval' 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-P5polb1UreUSOe5V/Pv7tc+yeZuJXiOi/3fqhGsU7BE='), or a nonce ('nonce-...') is required to enable inline execution.
[00:00:39]             │
[00:00:39]             │ debg browser[INFO] http://localhost:6111/bundles/app/kibana/bootstrap.js 9:19 "^ A single error about an inline script not firing due to content security policy is expected!"
[00:00:39]             │ debg currentUrl = http://localhost:6111/app/kibana#/management
[00:00:39]             │          appUrl = http://localhost:6111/app/kibana#/management
[00:00:39]             │ debg Find.findByCssSelector('[data-test-subj="kibanaChrome"]') with timeout=60000
[00:00:42]             │ debg TestSubjects.find(kibanaChrome)
[00:00:42]             │ debg Find.findByCssSelector('[data-test-subj="kibanaChrome"]') with timeout=10000
[00:00:42]             │ debg browser[INFO] http://localhost:6111/bundles/plugin/testbed/testbed.plugin.js 171:12 "Testbed plugin set up. uiProp: 'Accessible from client'"
[00:00:42]             │ debg browser[INFO] http://localhost:6111/bundles/plugin/data/data.plugin.js 35735:15 "INFO: 2020-02-26T18:55:43Z
[00:00:42]             │        Adding connection to http://localhost:6111/elasticsearch
[00:00:42]             │
[00:00:42]             │      "
[00:00:42]             │ debg browser[DEBUG] http://localhost:6111/bundles/plugin/usageCollection/usageCollection.plugin.js 33522:16 "Reporting user-agent."
[00:00:42]             │ debg browser[INFO] http://localhost:6111/bundles/plugin/testbed/testbed.plugin.js 179:12 "Testbed plugin started"
[00:00:42]             │ debg ... sleep(501) start
[00:00:42]             │ debg ... sleep(501) end
[00:00:42]             │ debg in navigateTo url = http://localhost:6111/app/kibana#/management?_g=()
[00:00:42]             │ debg TestSubjects.exists(statusPageContainer)
[00:00:42]             │ debg Find.existsByDisplayedByCssSelector('[data-test-subj="statusPageContainer"]') with timeout=2500
[00:00:45]             │ debg --- retry.tryForTime error: [data-test-subj="statusPageContainer"] is not displayed
[00:00:45]             │ debg click "Embeddable explorer" app link
[00:00:45]             │ debg TestSubjects.find(navDrawer)
[00:00:45]             │ debg Find.findByCssSelector('[data-test-subj="navDrawer"]') with timeout=10000
[00:00:50]           └-: creating and adding children
[00:00:50]             └-> "before all" hook
[00:00:50]             └-> "before all" hook
[00:00:50]               │ debg TestSubjects.click(embeddablePanelExamplae)
[00:00:50]               │ debg Find.clickByCssSelector('[data-test-subj="embeddablePanelExamplae"]') with timeout=10000
[00:00:50]               │ debg Find.findByCssSelector('[data-test-subj="embeddablePanelExamplae"]') with timeout=10000
[00:00:51]             └-> Can create a new child
[00:00:51]               └-> "before each" hook: global before each
[00:00:51]               │ debg TestSubjects.click(embeddablePanelToggleMenuIcon)
[00:00:51]               │ debg Find.clickByCssSelector('[data-test-subj="embeddablePanelToggleMenuIcon"]') with timeout=10000
[00:00:51]               │ debg Find.findByCssSelector('[data-test-subj="embeddablePanelToggleMenuIcon"]') with timeout=10000
[00:00:51]               │ debg TestSubjects.click(embeddablePanelAction-ADD_PANEL_ACTION_ID)
[00:00:51]               │ debg Find.clickByCssSelector('[data-test-subj="embeddablePanelAction-ADD_PANEL_ACTION_ID"]') with timeout=10000
[00:00:51]               │ debg Find.findByCssSelector('[data-test-subj="embeddablePanelAction-ADD_PANEL_ACTION_ID"]') with timeout=10000
[00:00:51]               │ debg TestSubjects.click(createNew)
[00:00:51]               │ debg Find.clickByCssSelector('[data-test-subj="createNew"]') with timeout=10000
[00:00:51]               │ debg Find.findByCssSelector('[data-test-subj="createNew"]') with timeout=10000
[00:00:51]               │ debg TestSubjects.click(createNew-TODO_EMBEDDABLE)
[00:00:51]               │ debg Find.clickByCssSelector('[data-test-subj="createNew-TODO_EMBEDDABLE"]') with timeout=10000
[00:00:51]               │ debg Find.findByCssSelector('[data-test-subj="createNew-TODO_EMBEDDABLE"]') with timeout=10000
[00:01:01]               │ debg --- retry.try error: Waiting for element to be located By(css selector, [data-test-subj="createNew-TODO_EMBEDDABLE"])
[00:01:01]               │      Wait timed out after 10023ms
[00:01:01]               │ERROR browser[SEVERE] http://localhost:6111/api/saved_objects/_find?default_search_operator=AND&fields=title&page=1&per_page=1000&search_fields=title%5E3&search_fields=description& - Failed to load resource: the server responded with a status of 400 (Bad Request)
[00:01:01]               │ debg browser[INFO] http://localhost:6111/bundles/commons.bundle.js 7837:18 "Detected an unhandled Promise rejection.
[00:01:01]               │      Error: Bad Request"
[00:01:01]               │ERROR browser[SEVERE] http://localhost:6111/bundles/commons.bundle.js 8620:12 
[00:01:02]               │ debg Find.findByCssSelector('[data-test-subj="createNew-TODO_EMBEDDABLE"]') with timeout=10000
[00:01:12]               │ debg --- retry.try error: Waiting for element to be located By(css selector, [data-test-subj="createNew-TODO_EMBEDDABLE"])
[00:01:12]               │      Wait timed out after 10026ms
[00:01:12]               │ debg Find.findByCssSelector('[data-test-subj="createNew-TODO_EMBEDDABLE"]') with timeout=10000
[00:01:22]               │ debg --- retry.try error: Waiting for element to be located By(css selector, [data-test-subj="createNew-TODO_EMBEDDABLE"])
[00:01:22]               │      Wait timed out after 10033ms
[00:01:23]               │ debg Find.findByCssSelector('[data-test-subj="createNew-TODO_EMBEDDABLE"]') with timeout=10000
[00:01:33]               │ debg --- retry.try error: Waiting for element to be located By(css selector, [data-test-subj="createNew-TODO_EMBEDDABLE"])
[00:01:33]               │      Wait timed out after 10043ms
[00:01:33]               │ debg Find.findByCssSelector('[data-test-subj="createNew-TODO_EMBEDDABLE"]') with timeout=10000
[00:01:43]               │ debg --- retry.try error: Waiting for element to be located By(css selector, [data-test-subj="createNew-TODO_EMBEDDABLE"])
[00:01:43]               │      Wait timed out after 10014ms
[00:01:44]               │ debg Find.findByCssSelector('[data-test-subj="createNew-TODO_EMBEDDABLE"]') with timeout=10000
[00:01:54]               │ debg --- retry.try error: Waiting for element to be located By(css selector, [data-test-subj="createNew-TODO_EMBEDDABLE"])
[00:01:54]               │      Wait timed out after 10055ms
[00:01:54]               │ debg Find.findByCssSelector('[data-test-subj="createNew-TODO_EMBEDDABLE"]') with timeout=10000
[00:02:04]               │ debg --- retry.try error: Waiting for element to be located By(css selector, [data-test-subj="createNew-TODO_EMBEDDABLE"])
[00:02:04]               │      Wait timed out after 10060ms
[00:02:05]               │ debg Find.findByCssSelector('[data-test-subj="createNew-TODO_EMBEDDABLE"]') with timeout=10000
[00:02:15]               │ debg --- retry.try error: Waiting for element to be located By(css selector, [data-test-subj="createNew-TODO_EMBEDDABLE"])
[00:02:15]               │      Wait timed out after 10018ms
[00:02:15]               │ debg Find.findByCssSelector('[data-test-subj="createNew-TODO_EMBEDDABLE"]') with timeout=10000
[00:02:18]               │ info [o.e.c.m.MetaDataMappingService] [kibana-ci-immutable-ubuntu-16-tests-xl-1582741459872584032] [.kibana/6R5Jsmz-SROCwevNckSCqQ] update_mapping [_doc]
[00:02:25]               │ debg --- retry.try error: Waiting for element to be located By(css selector, [data-test-subj="createNew-TODO_EMBEDDABLE"])
[00:02:25]               │      Wait timed out after 10037ms
[00:02:26]               │ debg Find.findByCssSelector('[data-test-subj="createNew-TODO_EMBEDDABLE"]') with timeout=10000
[00:02:36]               │ debg --- retry.try error: Waiting for element to be located By(css selector, [data-test-subj="createNew-TODO_EMBEDDABLE"])
[00:02:36]               │      Wait timed out after 10060ms
[00:02:37]               │ debg Find.findByCssSelector('[data-test-subj="createNew-TODO_EMBEDDABLE"]') with timeout=10000
[00:02:47]               │ debg --- retry.try error: Waiting for element to be located By(css selector, [data-test-subj="createNew-TODO_EMBEDDABLE"])
[00:02:47]               │      Wait timed out after 10051ms
[00:02:47]               │ debg Find.findByCssSelector('[data-test-subj="createNew-TODO_EMBEDDABLE"]') with timeout=10000
[00:02:57]               │ debg --- retry.try error: Waiting for element to be located By(css selector, [data-test-subj="createNew-TODO_EMBEDDABLE"])
[00:02:57]               │      Wait timed out after 10003ms
[00:02:58]               │ info Taking screenshot "/dev/shm/workspace/kibana/test/functional/screenshots/failure/embeddable explorer creating and adding children Can create a new child.png"
[00:02:58]               │ info Current URL is: http://localhost:6111/app/embeddableExplorer/embeddablePanelExamplae
[00:02:58]               │ info Saving page source to: /dev/shm/workspace/kibana/test/examples/failure_debug/html/embeddable explorer creating and adding children Can create a new child.html
[00:02:58]               └- ✖ fail: "embeddable explorer creating and adding children Can create a new child"
[00:02:58]               │

Stack Trace

Error: retry.try timeout: TimeoutError: Waiting for element to be located By(css selector, [data-test-subj="createNew-TODO_EMBEDDABLE"])
Wait timed out after 10003ms
    at /dev/shm/workspace/kibana/node_modules/selenium-webdriver/lib/webdriver.js:841:17
    at process._tickCallback (internal/process/next_tick.js:68:7)
    at onFailure (test/common/services/retry/retry_for_success.ts:28:9)
    at retryForSuccess (test/common/services/retry/retry_for_success.ts:68:13)

---

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