Flaky frontend integration test in `spec/frontend_integration/ide/user_opens_file_spec.js` | IDE: User opens a file in the Web IDE › user opens a text file › user switches to review mode › shows diff editor
Job #908979325 failed for 9586392c:
Trace
FAIL spec/frontend_integration/ide/user_opens_file_spec.js (6.862 s)
● IDE: User opens a file in the Web IDE › user opens a text file › user switches to review mode › shows diff editor
TestingLibraryElementError: Unable to find a label with the text of: /Editor content;/
<body>
<div
class="webide-container"
>
<article
class="ide position-relative d-flex flex-column align-items-stretch"
>
<!---->
<div
class="ide-view flex-grow d-flex"
>
<div
class="file-finder-overlay"
style="display: none;"
>
<div
class="dropdown-menu diff-file-changes file-finder show"
>
<div
class="dropdown-input"
>
<input
autocomplete="off"
class="dropdown-input-field"
placeholder="Search files"
type="search"
/>
<svg
aria-hidden="true"
class="dropdown-input-search gl-icon s16"
data-testid="search-icon"
>
<use
href="#search"
/>
</svg>
<svg
aria-label="Clear search input"
class="dropdown-input-clear gl-icon s16"
data-testid="close-icon"
role="button"
>
<use
href="#close"
/>
</svg>
</div>
<div>
<div
style="display: block; overflow-y: auto; height: 275px;"
>
<ul
class=""
role="group"
style="display: block; padding-top: 0px; padding-bottom: 1540px;"
>
<li>
<button
class="diff-changed-file disable-hover is-focused"
type="button"
>
<span>
<svg
class="s16 diff-file-changed-icon gl-mr-3"
>
<use
xlink:href="undefined#markdown"
/>
</svg>
</span>
<span
class="diff-changed-file-content gl-mr-3"
>
<strong
class="diff-changed-file-name"
>
<span
class=""
>
R
</span>
<span
class=""
>
E
</span>
<span
class=""
>
A
</span>
<span
class=""
>
D
</span>
<span
class=""
>
M
</span>
<span
class=""
>
E
</span>
<span
class=""
>
.
</span>
<span
class=""
>
m
</span>
<span
class=""
>
d
</span>
</strong>
<span
class="diff-changed-file-path gl-mt-2"
>
<span
class=""
>
R
</span>
<span
class=""
>
E
</span>
<span
class=""
>
A
</span>
<span
class=""
>
D
</span>
<span
class=""
>
M
</span>
<span
class=""
>
E
</sp...
<html>
<head />
<body>
<div
class="webide-container"
>
<article
class="ide position-relative d-flex flex-column align-items-stretch"
>
<!---->
<div
class="ide-view flex-grow d-flex"
>
<div
class="file-finder-overlay"
style="display: none;"
>
<div
class="dropdown-menu diff-file-changes file-finder show"
>
<div
class="dropdown-input"
>
<input
autocomplete="off"
class="dropdown-input-field"
placeholder="Search files"
type="search"
/>
<svg
aria-hidden="true"
class="dropdown-input-search gl-icon s16"
data-testid="search-icon"
>
<use
href="#search"
/>
</svg>
<svg
aria-label="Clear search input"
class="dropdown-input-clear gl-icon s16"
data-testid="close-icon"
role="button"
>
<use
href="#close"
/>
</svg>
</div>
<div>
<div
style="display: block; overflow-y: auto; height: 275px;"
>
<ul
class=""
role="group"
style="display: block; padding-top: 0px; padding-bottom: 1540px;"
>
<li>
<button
class="diff-changed-file disable-hover is-focused"
type="button"
>
<span>
<svg
class="s16 diff-file-changed-icon gl-mr-3"
>
<use
xlink:href="undefined#markdown"
/>
</svg>
</span>
<span
class="diff-changed-file-content gl-mr-3"
>
<strong
class="diff-changed-file-name"
>
<span
class=""
>
R
</span>
<span
class=""
>
E
</span>
<span
class=""
>
A
</span>
<span
class=""
>
D
</span>
<span
class=""
>
M
</span>
<span
class=""
>
E
</span>
<span
class=""
>
.
</span>
<span
class=""
>
m
</span>
<span
class=""
>
d
</span>
</strong>
<span
class="diff-changed-file-path gl-mt-2"
>
<span
class=""
>
R
</span>
<span
class=""
>
E
</span>
<span
class=""
>
A
</span>
<span
class=""
>
D
</span>
<span
class...Error: Unable to find a label with the text of: /Editor content;/
<body>
<div
class="webide-container"
>
<article
class="ide position-relative d-flex flex-column align-items-stretch"
>
<!---->
<div
class="ide-view flex-grow d-flex"
>
<div
class="file-finder-overlay"
style="display: none;"
>
<div
class="dropdown-menu diff-file-changes file-finder show"
>
<div
class="dropdown-input"
>
<input
autocomplete="off"
class="dropdown-input-field"
placeholder="Search files"
type="search"
/>
<svg
aria-hidden="true"
class="dropdown-input-search gl-icon s16"
data-testid="search-icon"
>
<use
href="#search"
/>
</svg>
<svg
aria-label="Clear search input"
class="dropdown-input-clear gl-icon s16"
data-testid="close-icon"
role="button"
>
<use
href="#close"
/>
</svg>
</div>
<div>
<div
style="display: block; overflow-y: auto; height: 275px;"
>
<ul
class=""
role="group"
style="display: block; padding-top: 0px; padding-bottom: 1540px;"
>
<li>
<button
class="diff-changed-file disable-hover is-focused"
type="button"
>
<span>
<svg
class="s16 diff-file-changed-icon gl-mr-3"
>
<use
xlink:href="undefined#markdown"
/>
</svg>
</span>
<span
class="diff-changed-file-content gl-mr-3"
>
<strong
class="diff-changed-file-name"
>
<span
class=""
>
R
</span>
<span
class=""
>
E
</span>
<span
class=""
>
A
</span>
<span
class=""
>
D
</span>
<span
class=""
>
M
</span>
<span
class=""
>
E
</span>
<span
class=""
>
.
</span>
<span
class=""
>
m
</span>
<span
class=""
>
d
</span>
</strong>
<span
class="diff-changed-file-path gl-mt-2"
>
<span
class=""
>
R
</span>
<span
class=""
>
E
</span>
<span
class=""
>
A
</span>
<span
class=""
>
D
</span>
<span
class=""
>
M
</span>
<span
class=""
>
E
</sp...
30 |
31 | export const findMonacoDiffEditor = () =>
> 32 | screen.findAllByLabelText(/Editor content;/).then(([x]) => x.closest('.monaco-diff-editor'));
| ^
33 |
34 | export const findAndSetEditorValue = async value => {
35 | const editor = await findMonacoEditor();
at waitForWrapper (node_modules/@testing-library/dom/dist/wait-for.js:132:27)
at findAllByLabelText (node_modules/@testing-library/dom/dist/query-helpers.js:100:77)
at Object.findMonacoDiffEditor (spec/frontend_integration/ide/helpers/ide_helper.js:32:10)
at Object.<anonymous> (spec/frontend_integration/ide/user_opens_file_spec.js:55:32)
● IDE: User opens a file in the Web IDE › user opens a text file › user switches to review mode › shows diff editor
Unexpected call of console.error() with:
[Vue warn]: Error in nextTick: "TypeError: Cannot read property 'offsetWidth' of undefined"
found in
---> <RepoEditor>
<Anonymous>
<Root>
at warn (node_modules/vue/dist/vue.runtime.common.dev.js:621:15)
at logError (node_modules/vue/dist/vue.runtime.common.dev.js:1880:5)
at globalHandleError (node_modules/vue/dist/vue.runtime.common.dev.js:1875:3)
at handleError (node_modules/vue/dist/vue.runtime.common.dev.js:1835:5)
at Array.<anonymous> (node_modules/vue/dist/vue.runtime.common.dev.js:1978:9)
at flushCallbacks (node_modules/vue/dist/vue.runtime.common.dev.js:1902:14)
at runMicrotasks (<anonymous>)
● IDE: User opens a file in the Web IDE › user opens a text file › user switches to review mode › shows diff editor
expect.hasAssertions()
Expected at least one assertion to be called but received none.
80 | // see https://jestjs.io/docs/en/expect#expecthasassertions
81 | beforeEach(() => {
> 82 | expect.hasAssertions();
| ^
83 | });
84 |
at Object.<anonymous> (spec/frontend/test_setup.js:82:10)
● IDE: User opens a file in the Web IDE › user opens an image file › opens image viewer for the file
Unexpected call of console.warn() with:
A function to advance timers was called but the timers API is not mocked with fake timers. Call `jest.useFakeTimers()` in this test or enable fake timers globally by setting `"timers": "fake"` in the configuration file. This warning is likely a result of a default configuration change in Jest 15.
Release Blog Post: https://jestjs.io/blog/2016/09/01/jest-15.html
Stack Trace:
22 | new Promise(setImmediate).then(() => {
23 | // wait for pending setTimeout()s
> 24 | jest.runOnlyPendingTimers();
| ^
25 | }),
26 | );
27 |
Error:
at FakeTimers._checkFakeTimers (node_modules/@jest/fake-timers/build/legacyFakeTimers.js:430:13)
at FakeTimers.runOnlyPendingTimers (node_modules/@jest/fake-timers/build/legacyFakeTimers.js:236:10)
at spec/frontend/test_setup.js:24:10
at FakeTimers._checkFakeTimers (node_modules/@jest/fake-timers/build/legacyFakeTimers.js:420:28)
at FakeTimers.runOnlyPendingTimers (node_modules/@jest/fake-timers/build/legacyFakeTimers.js:236:10)
at spec/frontend/test_setup.js:24:10