Fixes Vue3 test failures in the glql components
What does this MR do and why?
This makes a few changes to get the glql tests passing in Vue 3. One of them is caused by a console.error/console.warn switchup and the rest are largely caused by reactivity issues. Essentially we're making too many things reactive and it's causing side effects in the tests. I've used MarkRaw to combat this which we've used in a bunch of places in the codebase already.
References
Screenshots or screen recordings
VUE_VERSION=3 yarn jest --run-tests-by-path spec/frontend/glql/**/*
| Before | After |
|---|---|
![]() |
![]() |
How to set up and validate locally
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Edited by Sam Beckham

