Enhance pan and zoom functionality in ElementPan; reset pan values in FSMView; improve notification messages and styling in various components #497
pull-request.yml
on: pull_request
PullRequestTests
7m 51s
Annotations
6 errors and 2 warnings
src/stories/Interfaces/Qodex/Basic.stories.tsx > Zoom In:
src/stories/Interfaces/Qodex/Basic.stories.tsx#L312
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/interfaces-qodex-basic--zoom-in&addonPanel=storybook/test/panel
Unable to find an element with the text: 150% [Reset]. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<div>
<div
class="sc-lknQiW kUBfIo reqore-layout-wrapper"
>
<div
class="sc-dkBdza fLjyKt reqore-layout-content"
>
<div
class="sc-jNJNQp etmEkO reqore-content"
style="padding: 20px; display: flex; flex-flow: column;"
>
<div
class="sc-bcXHqe sc-jfvxQR eOvaff OlpAa reqore-panel"
>
<div
class="sc-eJDSGI sc-oZIhv kWjBWm IJGVT reqore-panel-title"
opacity="0"
>
<div
class="sc-jfTVlA edgcUf"
>
<div
class="sc-gScZFl bOkUJk"
>
<span
class="sc-bcXHqe sc-bqWxrE ihIHgW llyfjs reqore-icon"
style="width: 17px; height: 17px;"
>
<svg
fill="currentColor"
height="17px"
stroke="currentColor"
stroke-width="0"
style="color: rgb(74, 113, 16); vertical-align: super;"
viewBox="0 0 24 24"
width="17px"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M0 0h24v24H0z"
fill="none"
/>
<circle
cx="12"
cy="12"
r="10"
/>
</g>
</svg>
</span>
<div
class="sc-lbVpMG jsQxtr"
>
<div
class="sc-iOeugr jSmMed"
>
<h3
class="sc-bcXHqe sc-gswNZR sc-dkrFOg eOvaff fVPbZd fktOdh reqore-label-editor reqore-heading reqore-label-editor reqore-heading"
style="display: inline-flex; align-items: center; min-width: 0px;"
>
<span
class="sc-bcXHqe sc-gswNZR sc-hTBuwn eLXtiS fVPbZd fGOIWD reqore-span reqore-span"
>
OndewoIntentHandler
</span>
<span
class="sc-bcXHqe sc-bqWxrE eOvaff bdntPY reqore-icon"
style="width: 17px; height: 17px;"
>
<svg
fill="currentColor"
height="17"
stroke="currentColor"
stroke-width="0"
style="color: inherit; vertical-align: super;"
viewBox="0 0 24 24"
width="17"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M0 0h24v24H0z"
fill="none"
/>
<path
d="M6.414 16L16.556 5.858l-1.414-1.414L5 14.586V16h1.414zm.829 2H3v-4.243L14.435 2.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 18zM3 20h18v2H3v-2z"
/>
</g>
</svg>
</span>
</h3>
</div>
</div>
</div>
</div>
<div
class="sc-bcXHqe sc-eDvSVe eOvaff fmnFhi reqore-control-group"
>
|
src/stories/Interfaces/Qodex/Basic.stories.tsx > Zoom Out:
src/stories/Interfaces/Qodex/Basic.stories.tsx#L351
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/interfaces-qodex-basic--zoom-out&addonPanel=storybook/test/panel
Unable to find an element with the text: 50% [Reset]. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<div>
<div
class="sc-lknQiW kUBfIo reqore-layout-wrapper"
>
<div
class="sc-eGJbfJ bMYYTa"
>
<div
class="sc-bcXHqe sc-jSUZER eOvaff eWYEnR reqore-notification"
maxwidth="450px"
style="opacity: 1; transform: scale(1);"
theme="[object Object]"
timeout="5000"
type="info"
>
<div
class="sc-ftTHYK YZYru"
>
<span
class="sc-bcXHqe sc-bqWxrE eOvaff llyfjs reqore-icon"
style="width: 17px; height: 17px;"
>
<svg
fill="currentColor"
height="17"
stroke="currentColor"
stroke-width="0"
style="color: inherit; vertical-align: super;"
viewBox="0 0 24 24"
width="17"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M0 0h24v24H0z"
fill="none"
/>
<path
d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM11 7h2v2h-2V7zm0 4h2v6h-2v-6z"
/>
</g>
</svg>
</span>
<div
class="sc-iBYQkv bbTrrJ"
>
<div
class="sc-jrcTuL eUYRNz"
>
An on-demand trigger action has been added to this interface because it was missing
</div>
</div>
</div>
<div
class="sc-gKPRtg ihRpHI reqore-notification-close"
type="info"
>
<span
class="sc-bcXHqe sc-bqWxrE eOvaff hvmcYa reqore-icon"
style="width: 17px; height: 17px;"
>
<svg
fill="currentColor"
height="17"
stroke="currentColor"
stroke-width="0"
style="color: inherit; vertical-align: super;"
viewBox="0 0 24 24"
width="17"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M0 0h24v24H0z"
fill="none"
/>
<path
d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"
/>
</g>
</svg>
</span>
</div>
</div>
</div>
<div
class="sc-dkBdza fLjyKt reqore-layout-content"
>
<div
class="sc-jNJNQp etmEkO reqore-content"
style="padding: 20px; display: flex; flex-flow: column;"
>
<div
class="sc-bcXHqe sc-jfvxQR eOvaff OlpAa reqore-panel"
>
<div
class="sc-eJDSGI sc-oZIhv kWjBWm IJGVT reqore-panel-title"
opacity="0"
>
<div
class="sc-jfTVlA edgcUf"
>
<div
class="sc-gScZFl bOkUJk"
>
<span
class="sc-bcXHqe sc-bqWxrE ihIHgW llyfjs reqore-icon"
style="width: 17px; height: 17px;"
>
<svg
fill="currentColor"
height="17px"
stroke="currentColor"
stroke-width="0"
style="color: rgb(74, 113, 16); vertical-align: super;"
viewBox="0 0 24 24"
width="17px"
xmlns="http://www.w3.org/2000/svg"
>
|
src/stories/Interfaces/Qodex/Basic.stories.tsx > Zoom Reset:
src/stories/Interfaces/Qodex/Basic.stories.tsx#L351
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/interfaces-qodex-basic--zoom-reset&addonPanel=storybook/test/panel
Unable to find an element with the text: 50% [Reset]. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<div>
<div
class="sc-lknQiW kUBfIo reqore-layout-wrapper"
>
<div
class="sc-eGJbfJ bMYYTa"
>
<div
class="sc-bcXHqe sc-jSUZER eOvaff eWYEnR reqore-notification"
maxwidth="450px"
style="opacity: 1; transform: scale(1);"
theme="[object Object]"
timeout="5000"
type="info"
>
<div
class="sc-ftTHYK YZYru"
>
<span
class="sc-bcXHqe sc-bqWxrE eOvaff llyfjs reqore-icon"
style="width: 17px; height: 17px;"
>
<svg
fill="currentColor"
height="17"
stroke="currentColor"
stroke-width="0"
style="color: inherit; vertical-align: super;"
viewBox="0 0 24 24"
width="17"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M0 0h24v24H0z"
fill="none"
/>
<path
d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM11 7h2v2h-2V7zm0 4h2v6h-2v-6z"
/>
</g>
</svg>
</span>
<div
class="sc-iBYQkv bbTrrJ"
>
<div
class="sc-jrcTuL eUYRNz"
>
An on-demand trigger action has been added to this interface because it was missing
</div>
</div>
</div>
<div
class="sc-gKPRtg ihRpHI reqore-notification-close"
type="info"
>
<span
class="sc-bcXHqe sc-bqWxrE eOvaff hvmcYa reqore-icon"
style="width: 17px; height: 17px;"
>
<svg
fill="currentColor"
height="17"
stroke="currentColor"
stroke-width="0"
style="color: inherit; vertical-align: super;"
viewBox="0 0 24 24"
width="17"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M0 0h24v24H0z"
fill="none"
/>
<path
d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"
/>
</g>
</svg>
</span>
</div>
</div>
</div>
<div
class="sc-dkBdza fLjyKt reqore-layout-content"
>
<div
class="sc-jNJNQp etmEkO reqore-content"
style="padding: 20px; display: flex; flex-flow: column;"
>
<div
class="sc-bcXHqe sc-jfvxQR eOvaff OlpAa reqore-panel"
>
<div
class="sc-eJDSGI sc-oZIhv kWjBWm IJGVT reqore-panel-title"
opacity="0"
>
<div
class="sc-jfTVlA edgcUf"
>
<div
class="sc-gScZFl bOkUJk"
>
<span
class="sc-bcXHqe sc-bqWxrE ihIHgW llyfjs reqore-icon"
style="width: 17px; height: 17px;"
>
<svg
fill="currentColor"
height="17px"
stroke="currentColor"
stroke-width="0"
style="color: rgb(74, 113, 16); vertical-align: super;"
viewBox="0 0 24 24"
width="17px"
xmlns="http://www.w3.org/2000/svg"
>
|
src/stories/Interfaces/Qodex/Dragging.stories.tsx > State Can Be Dragged And Dropped With Zoom In:
src/stories/Interfaces/Qodex/Basic.stories.tsx#L312
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/interfaces-qodex-drag-and-drop--state-can-be-dragged-and-dropped-with-zoom-in&addonPanel=storybook/test/panel
Unable to find an element with the text: 150% [Reset]. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<div>
<div
class="sc-lknQiW kUBfIo reqore-layout-wrapper"
>
<div
class="sc-dkBdza fLjyKt reqore-layout-content"
>
<div
class="sc-jNJNQp etmEkO reqore-content"
style="padding: 20px; display: flex; flex-flow: column;"
>
<div
class="sc-bcXHqe sc-jfvxQR eOvaff OlpAa reqore-panel"
>
<div
class="sc-eJDSGI sc-oZIhv kWjBWm IJGVT reqore-panel-title"
opacity="0"
>
<div
class="sc-jfTVlA edgcUf"
>
<div
class="sc-gScZFl bOkUJk"
>
<span
class="sc-bcXHqe sc-bqWxrE ihIHgW llyfjs reqore-icon"
style="width: 17px; height: 17px;"
>
<svg
fill="currentColor"
height="17px"
stroke="currentColor"
stroke-width="0"
style="color: rgb(74, 113, 16); vertical-align: super;"
viewBox="0 0 24 24"
width="17px"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M0 0h24v24H0z"
fill="none"
/>
<circle
cx="12"
cy="12"
r="10"
/>
</g>
</svg>
</span>
<div
class="sc-lbVpMG jsQxtr"
>
<div
class="sc-iOeugr jSmMed"
>
<h3
class="sc-bcXHqe sc-gswNZR sc-dkrFOg eOvaff fVPbZd fktOdh reqore-label-editor reqore-heading reqore-label-editor reqore-heading"
style="display: inline-flex; align-items: center; min-width: 0px;"
>
<span
class="sc-bcXHqe sc-gswNZR sc-hTBuwn eLXtiS fVPbZd fGOIWD reqore-span reqore-span"
>
OndewoIntentHandler
</span>
<span
class="sc-bcXHqe sc-bqWxrE eOvaff bdntPY reqore-icon"
style="width: 17px; height: 17px;"
>
<svg
fill="currentColor"
height="17"
stroke="currentColor"
stroke-width="0"
style="color: inherit; vertical-align: super;"
viewBox="0 0 24 24"
width="17"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M0 0h24v24H0z"
fill="none"
/>
<path
d="M6.414 16L16.556 5.858l-1.414-1.414L5 14.586V16h1.414zm.829 2H3v-4.243L14.435 2.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 18zM3 20h18v2H3v-2z"
/>
</g>
</svg>
</span>
</h3>
</div>
</div>
</div>
</div>
<div
class="sc-bcXHqe sc-eDvSVe eOva
|
src/stories/Interfaces/Qodex/Dragging.stories.tsx > State Can Be Dragged And Dropped With Zoom Out:
src/stories/Interfaces/Qodex/Basic.stories.tsx#L351
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/interfaces-qodex-drag-and-drop--state-can-be-dragged-and-dropped-with-zoom-out&addonPanel=storybook/test/panel
Unable to find an element with the text: 50% [Reset]. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<div>
<div
class="sc-lknQiW kUBfIo reqore-layout-wrapper"
>
<div
class="sc-eGJbfJ bMYYTa"
>
<div
class="sc-bcXHqe sc-jSUZER eOvaff eWYEnR reqore-notification"
maxwidth="450px"
style="opacity: 1; transform: scale(1);"
theme="[object Object]"
timeout="5000"
type="info"
>
<div
class="sc-ftTHYK YZYru"
>
<span
class="sc-bcXHqe sc-bqWxrE eOvaff llyfjs reqore-icon"
style="width: 17px; height: 17px;"
>
<svg
fill="currentColor"
height="17"
stroke="currentColor"
stroke-width="0"
style="color: inherit; vertical-align: super;"
viewBox="0 0 24 24"
width="17"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M0 0h24v24H0z"
fill="none"
/>
<path
d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM11 7h2v2h-2V7zm0 4h2v6h-2v-6z"
/>
</g>
</svg>
</span>
<div
class="sc-iBYQkv bbTrrJ"
>
<div
class="sc-jrcTuL eUYRNz"
>
An on-demand trigger action has been added to this interface because it was missing
</div>
</div>
</div>
<div
class="sc-gKPRtg ihRpHI reqore-notification-close"
type="info"
>
<span
class="sc-bcXHqe sc-bqWxrE eOvaff hvmcYa reqore-icon"
style="width: 17px; height: 17px;"
>
<svg
fill="currentColor"
height="17"
stroke="currentColor"
stroke-width="0"
style="color: inherit; vertical-align: super;"
viewBox="0 0 24 24"
width="17"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M0 0h24v24H0z"
fill="none"
/>
<path
d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"
/>
</g>
</svg>
</span>
</div>
</div>
</div>
<div
class="sc-dkBdza fLjyKt reqore-layout-content"
>
<div
class="sc-jNJNQp etmEkO reqore-content"
style="padding: 20px; display: flex; flex-flow: column;"
>
<div
class="sc-bcXHqe sc-jfvxQR eOvaff OlpAa reqore-panel"
>
<div
class="sc-eJDSGI sc-oZIhv kWjBWm IJGVT reqore-panel-title"
opacity="0"
>
<div
class="sc-jfTVlA edgcUf"
>
<div
class="sc-gScZFl bOkUJk"
>
<span
class="sc-bcXHqe sc-bqWxrE ihIHgW llyfjs reqore-icon"
style="width: 17px; height: 17px;"
>
<svg
fill="currentColor"
height="17px"
stroke="currentColor"
stroke-width="0"
style="color: rgb(74, 113, 16); vertical-align: super;"
viewBox="0 0 24 24"
width="17px"
xmlns="http
|
PullRequestTests
Process completed with exit code 1.
|
PullRequestTests
The `set-output` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
|
PullRequestTests
The `set-output` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
|