Broken master: Failure in spec/features/boards/sidebar_due_date_spec.rb
I can reproduce this locally. From https://gitlab.com/gitlab-org/gitlab/-/jobs/1286224124:
Failures:
1) Project issue boards sidebar due date due date updates due date
Got 0 failures and 2 other errors:
1.1) Failure/Error:
page.within('[data-testid="sidebar-due-date"]') do
today = Date.today.day
click_button 'Edit'
click_button today.to_s
wait_for_requests
expect(page).to have_content(today.to_s(:medium))
Capybara::ElementNotFound:
Unable to find visible css "[data-testid=\"sidebar-due-date\"]"
# ./spec/features/boards/sidebar_due_date_spec.rb:33:in `block (3 levels) in <top (required)>'
# ./spec/features/boards/sidebar_due_date_spec.rb:17:in `block (3 levels) in <top (required)>'
# ./spec/features/boards/sidebar_due_date_spec.rb:17:in `block (2 levels) in <top (required)>'
# ./spec/spec_helper.rb:375:in `block (3 levels) in <top (required)>'
# ./spec/support/sidekiq_middleware.rb:9:in `with_sidekiq_server_middleware'
# ./spec/spec_helper.rb:366:in `block (2 levels) in <top (required)>'
# ./spec/spec_helper.rb:362:in `block (3 levels) in <top (required)>'
# ./lib/gitlab/application_context.rb:31:in `with_raw_context'
# ./spec/spec_helper.rb:362:in `block (2 levels) in <top (required)>'
1.2) Failure/Error: raise JSConsoleError, message
JSConsoleError:
Unexpected browser console output:
security - Error with Permissions-Policy header: Unrecognized feature: 'interest-cohort'.
http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js 375054:14 "[Vue warn]: Error in render: \"TypeError: Cannot read property 'color' of null\"\n\nfound in\n\n---> \u003CBoardListHeader> at ee/app/assets/javascripts/boards/components/board_list_header.vue\n \u003CBoardColumn> at boards/components/board_column.vue\n \u003CDraggable>\n \u003CBoardContent> at boards/components/board_content.vue\n \u003CRoot>"
http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js 376321:12 TypeError: Cannot read property 'color' of null
at Proxy.render (webpack-internal:///K7bx:188:58)
at VueComponent.Vue._render (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:377977:22)
at VueComponent.updateComponent (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:378495:21)
at Watcher.get (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:378908:25)
at new Watcher (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:378897:12)
at mountComponent (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:378502:3)
at VueComponent.vendor_4aa7bfb9a4dac029dab5../node_modules/vue/dist/vue.esm.js.Vue.$mount (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:383479:10)
at VueComponent.vendor_4aa7bfb9a4dac029dab5../node_modules/vue/dist/vue.esm.js.Vue.$mount (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:386388:16)
at init (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:377550:13)
at createComponent (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:380405:9)
http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js 375054:14 "[Vue warn]: Error in render: \"TypeError: Cannot read property 'color' of null\"\n\nfound in\n\n---> \u003CBoardListHeader> at ee/app/assets/javascripts/boards/components/board_list_header.vue\n \u003CBoardColumn> at boards/components/board_column.vue\n \u003CDraggable>\n \u003CBoardContent> at boards/components/board_content.vue\n \u003CRoot>"
http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js 376321:12 TypeError: Cannot read property 'color' of null
at Proxy.render (webpack-internal:///K7bx:188:58)
at VueComponent.Vue._render (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:377977:22)
at VueComponent.updateComponent (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:378495:21)
at Watcher.get (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:378908:25)
at Watcher.run (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:378983:22)
at flushSchedulerQueue (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:378739:13)
at Array.<anonymous> (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:376414:12)
at flushCallbacks (http://127.0.0.1:36975/assets/webpack/dll.498ee38158bf/vendor.dll.bundle.js:376340:14)
webpack-internal:///kI/X 18:12 "[BootstrapVue warn]: tooltip - The provided target is no valid HTML element."
# ./spec/support/capybara.rb:196:in `block (2 levels) in <top (required)>'
# ./spec/features/boards/sidebar_due_date_spec.rb:17:in `block (3 levels) in <top (required)>'
# ./spec/features/boards/sidebar_due_date_spec.rb:17:in `block (2 levels) in <top (required)>'
# ./spec/spec_helper.rb:375:in `block (3 levels) in <top (required)>'
# ./spec/support/sidekiq_middleware.rb:9:in `with_sidekiq_server_middleware'
# ./spec/spec_helper.rb:366:in `block (2 levels) in <top (required)>'
# ./spec/spec_helper.rb:362:in `block (3 levels) in <top (required)>'
# ./lib/gitlab/application_context.rb:31:in `with_raw_context'
# ./spec/spec_helper.rb:362:in `block (2 levels) in <top (required)>'
Finished in 17 minutes 57 seconds (files took 51.58 seconds to load)
311 examples, 1 failure, 1 pending
Failed examples:
rspec ./spec/features/boards/sidebar_due_date_spec.rb:30 # Project issue boards sidebar due date due date updates due date
The screenshot shows:
@leipert This error may not actually relate to the error above, but I see it was enabled in !60933 (merged):
JSConsoleError:
Unexpected browser console output:
security - Error with Permissions-Policy header: Unrecognized feature: 'interest-cohort'.
I suspect the actual error is due to this:
webpack-internal:///jB52 628:14 "[Vue warn]: Error in render: \"TypeError: Cannot read property 'color' of null\"\n\nfound in\n\n---> \u003CBoardListHeader> at ee/app/assets/javascripts/boards/components/board_list_header.vue\n \u003CBoardColumn> at boards/components/board_column.vue\n \u003CDraggable>\n \u003CBoardContent> at boards/components/board_content.vue\n \u003CRoot>"
webpack-internal:///jB52 1895:12 TypeError: Cannot read property 'color' of null
at Proxy.render (webpack-internal:///wx7w:188:58)
at VueComponent.Vue._render (webpack-internal:///jB52:3551:22)
at VueComponent.updateComponent (webpack-internal:///jB52:4069:21)
at Watcher.get (webpack-internal:///jB52:4482:25)
at new Watcher (webpack-internal:///jB52:4471:12)
at mountComponent (webpack-internal:///jB52:4076:3)
at VueComponent.Vue.$mount (webpack-internal:///jB52:9053:10)
at VueComponent.Vue.$mount (webpack-internal:///jB52:11962:16)
at init (webpack-internal:///jB52:3124:13)
at createComponent (webpack-internal:///jB52:5979:9)