Improve search params #5304
Triggered via pull request
September 19, 2024 07:49
GrandSchtroumpf
Status
Failure
Total duration
1m 38s
Artifacts
–
Annotations
10 errors
|
Unhandled error:
src/libs/testing-library/drivers/CreateStrategyDriver.tsx#L87
TestingLibraryElementError: Unable to find an element by: [data-testid="user-price-form"]
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ CreateStrategyDriver.findUserPriceForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:87:24
❯ src/pages/trade/overlapping.test.tsx:108:23
This error originated in "src/pages/trade/overlapping.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "should populate form and search params with unavailable external price after setting user market price". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
|
src/pages/trade/disposable.test.tsx > Create disposable page > should warn user if limit strategy input price is above or below market price:
src/libs/testing-library/drivers/CreateStrategyDriver.tsx#L11
TestingLibraryElementError: Unable to find an element by: [data-testid="create-strategy-form"]
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ CreateStrategyDriver.findCreateForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:11:24
❯ CreateStrategyDriver.findDisposableForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:15:29
❯ src/pages/trade/disposable.test.tsx:62:41
|
|
src/pages/trade/disposable.test.tsx > Create disposable page > should warn user if range strategy input price is above or below market price:
src/libs/testing-library/drivers/CreateStrategyDriver.tsx#L11
TestingLibraryElementError: Unable to find an element by: [data-testid="create-strategy-form"]
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ CreateStrategyDriver.findCreateForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:11:24
❯ CreateStrategyDriver.findDisposableForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:15:29
❯ src/pages/trade/disposable.test.tsx:104:41
|
|
src/pages/trade/disposable.test.tsx > Create disposable page > should warn user if market price is not available:
src/libs/testing-library/drivers/CreateStrategyDriver.tsx#L11
TestingLibraryElementError: Unable to find an element by: [data-testid="create-strategy-form"]
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ CreateStrategyDriver.findCreateForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:11:24
❯ CreateStrategyDriver.findDisposableForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:15:29
❯ src/pages/trade/disposable.test.tsx:146:41
|
|
src/pages/trade/overlapping.test.tsx > Create overlapping page > should populate form with search params and user market price defined in url:
src/libs/testing-library/drivers/CreateStrategyDriver.tsx#L11
TestingLibraryElementError: Unable to find an element by: [data-testid="create-strategy-form"]
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ CreateStrategyDriver.findCreateForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:11:24
❯ CreateStrategyDriver.findOverlappingForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:65:29
❯ src/pages/trade/overlapping.test.tsx:65:42
|
|
src/pages/trade/overlapping.test.tsx > Create overlapping page > should populate form and search params with unavailable external price after setting user market price:
src/libs/testing-library/drivers/CreateStrategyDriver.tsx#L87
TestingLibraryElementError: Unable to find an element by: [data-testid="user-price-form"]
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ CreateStrategyDriver.findUserPriceForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:87:24
❯ CreateStrategyDriver.findUserPriceInput src/libs/testing-library/drivers/CreateStrategyDriver.tsx:95:34
❯ src/pages/trade/overlapping.test.tsx:109:48
|
|
src/pages/trade/overlapping.test.tsx > Create overlapping page > should populate form and search params with available external market price:
src/libs/testing-library/drivers/CreateStrategyDriver.tsx#L11
TestingLibraryElementError: Unable to find an element by: [data-testid="create-strategy-form"]
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ CreateStrategyDriver.findCreateForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:11:24
❯ CreateStrategyDriver.findOverlappingForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:65:29
❯ src/pages/trade/overlapping.test.tsx:149:42
|
|
src/pages/trade/overlapping.test.tsx > Create overlapping page > should set default spread with spread unset in the search params:
src/libs/testing-library/drivers/CreateStrategyDriver.tsx#L11
TestingLibraryElementError: Unable to find an element by: [data-testid="create-strategy-form"]
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: .5rem; max-width: 100%;"
>
<div
style="display: flex; align-items: center; gap: .5rem;"
>
<strong
style="font-size: 1rem;"
>
Something went wrong!
</strong>
<button
style="appearance: none; font-size: .6em; border: 1px solid currentcolor; padding: .1rem .2rem; font-weight: bold; border-radius: .25rem;"
>
Hide Error
</button>
</div>
<div
style="height: .25rem;"
/>
<div>
<pre
style="font-size: .7em; border: 1px solid red; border-radius: .25rem; padding: .3rem; color: red; overflow: auto;"
>
<code>
Invariant failed: Could not find match for from: /trade
</code>
</pre>
</div>
</div>
</div>
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ CreateStrategyDriver.findCreateForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:11:24
❯ CreateStrategyDriver.findOverlappingForm src/libs/testing-library/drivers/CreateStrategyDriver.tsx:65:29
❯ src/pages/trade/overlapping.test.tsx:179:42
|
|
src/pages/trade/overlapping.test.tsx > Create overlapping page > should populate form with user market price below min price:
src/pages/trade/overlapping.test.tsx#L211
AssertionError: expected { …(8) } to strictly equal { …(7) }
- Expected
+ Received
Object {
- "anchor": "sell",
+ "anchor": "buy",
"base": "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE",
+ "budget": "100",
"marketPrice": "1500",
"max": "3000",
"min": "2000",
"quote": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
"spread": "0.01",
}
❯ src/pages/trade/overlapping.test.tsx:211:42
|
|
src/pages/trade/overlapping.test.tsx > Create overlapping page > should populate form with user market price above max price:
src/pages/trade/overlapping.test.tsx#L254
AssertionError: expected { …(8) } to strictly equal { …(7) }
- Expected
+ Received
Object {
- "anchor": "buy",
+ "anchor": "sell",
"base": "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE",
+ "budget": "100",
"marketPrice": "3200",
"max": "3000",
"min": "2000",
"quote": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
"spread": "0.01",
}
❯ src/pages/trade/overlapping.test.tsx:254:42
|