Dyomedea
/
dyomedea
1
1
Fork 0
Code Issues 4 Pull Requests Projects 3 Releases 1 Wiki Activity

Updating test snapshots.

This commit is contained in:
Eric van der Vlist 2022-10-30 22:09:42 +01:00
parent b0c7801cd1
commit 0284cdbab9
2 changed files with 238 additions and 794 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

617
src/components/map/LayerStack.test.tsx
View File

@ -23,246 +23,129 @@ describe('The LayerStack component', () => {
transform="translate(0, 0) scale(1)"
>
<g
data-testid="tile/xxx/7//"
transform="scale(1024) translate(0.25, 0.25)"
transform="scale(64) translate(-194.25, -83.25)"
/>
<g
data-testid="tile/xxx/8//"
transform="scale(512) translate(0.5, 0.5)"
transform="scale(128) translate(-388.5, -166.5)"
/>
<g
data-testid="tile/xxx/11//"
transform="scale(64) translate(0, 0)"
transform="scale(1024) translate(-3108, -1332)"
/>
<g
data-testid="tile/xxx/10//"
transform="scale(128) translate(0, 0)"
transform="scale(512) translate(-1554, -666)"
/>
<g
data-testid="tile/xxx/9//"
transform="scale(256) translate(0, 0)"
transform="scale(256) translate(-777, -333)"
>
<g
transform="translate(0, 0)"
transform="translate(777, 333)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/777/333.png"
href="https://fakeurl/9/265/333.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 0)"
transform="translate(778, 333)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/778/333.png"
href="https://fakeurl/9/266/333.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 0)"
transform="translate(779, 333)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/779/333.png"
href="https://fakeurl/9/267/333.png"
width="1"
/>
</g>
</g>
<g
transform="translate(3, 0)"
transform="translate(780, 333)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/780/333.png"
href="https://fakeurl/9/268/333.png"
width="1"
/>
</g>
</g>
<g
transform="translate(4, 0)"
transform="translate(777, 334)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/781/333.png"
href="https://fakeurl/9/265/334.png"
width="1"
/>
</g>
</g>
<g
transform="translate(0, 1)"
transform="translate(778, 334)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/777/334.png"
href="https://fakeurl/9/266/334.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 1)"
transform="translate(779, 334)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/778/334.png"
href="https://fakeurl/9/267/334.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 1)"
transform="translate(780, 334)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/779/334.png"
href="https://fakeurl/9/268/334.png"
width="1"
/>
</g>
</g>
<g
transform="translate(3, 1)"
transform="translate(777, 335)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/780/334.png"
href="https://fakeurl/9/265/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(4, 1)"
transform="translate(778, 335)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/781/334.png"
href="https://fakeurl/9/266/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(0, 2)"
transform="translate(779, 335)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/777/335.png"
href="https://fakeurl/9/267/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 2)"
transform="translate(780, 335)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/778/335.png"
href="https://fakeurl/9/268/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 2)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/779/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(3, 2)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/780/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(4, 2)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/781/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(0, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/777/336.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/778/336.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/779/336.png"
width="1"
/>
</g>
</g>
<g
transform="translate(3, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/780/336.png"
width="1"
/>
</g>
</g>
<g
transform="translate(4, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/781/336.png"
width="1"
/>
</g>
</g>
</g>
</g>
</svg>
`);
@ -287,238 +170,123 @@ describe('The LayerStack component', () => {
transform="translate(0, 0) scale(1)"
>
<g
data-testid="tile/xxx/8//"
transform="scale(512) translate(0.5, 0.5)"
transform="scale(128) translate(-388.5, -166.5)"
/>
<g
data-testid="tile/xxx/10//"
transform="scale(128) translate(0, 0)"
transform="scale(512) translate(-1554, -666)"
/>
<g
data-testid="tile/xxx/9//"
transform="scale(256) translate(0, 0)"
transform="scale(256) translate(-777, -333)"
>
<g
transform="translate(0, 0)"
transform="translate(777, 333)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/777/333.png"
href="https://fakeurl/9/265/333.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 0)"
transform="translate(778, 333)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/778/333.png"
href="https://fakeurl/9/266/333.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 0)"
transform="translate(779, 333)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/779/333.png"
href="https://fakeurl/9/267/333.png"
width="1"
/>
</g>
</g>
<g
transform="translate(3, 0)"
transform="translate(780, 333)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/780/333.png"
href="https://fakeurl/9/268/333.png"
width="1"
/>
</g>
</g>
<g
transform="translate(4, 0)"
transform="translate(777, 334)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/781/333.png"
href="https://fakeurl/9/265/334.png"
width="1"
/>
</g>
</g>
<g
transform="translate(0, 1)"
transform="translate(778, 334)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/777/334.png"
href="https://fakeurl/9/266/334.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 1)"
transform="translate(779, 334)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/778/334.png"
href="https://fakeurl/9/267/334.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 1)"
transform="translate(780, 334)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/779/334.png"
href="https://fakeurl/9/268/334.png"
width="1"
/>
</g>
</g>
<g
transform="translate(3, 1)"
transform="translate(777, 335)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/780/334.png"
href="https://fakeurl/9/265/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(4, 1)"
transform="translate(778, 335)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/781/334.png"
href="https://fakeurl/9/266/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(0, 2)"
transform="translate(779, 335)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/777/335.png"
href="https://fakeurl/9/267/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 2)"
transform="translate(780, 335)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/778/335.png"
href="https://fakeurl/9/268/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 2)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/779/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(3, 2)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/780/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(4, 2)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/781/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(0, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/777/336.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/778/336.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/779/336.png"
width="1"
/>
</g>
</g>
<g
transform="translate(3, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/780/336.png"
width="1"
/>
</g>
</g>
<g
transform="translate(4, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/781/336.png"
width="1"
/>
</g>
</g>
</g>
</g>
</svg>
`);
@ -561,338 +329,123 @@ describe('The LayerStack component', () => {
transform="translate(0, 0) scale(2)"
>
<g
data-testid="tile/xxx/8//"
transform="scale(512) translate(0.5, 0.5)"
transform="scale(128) translate(-388.5, -166.5)"
/>
<g
data-testid="tile/xxx/9//"
transform="scale(256) translate(0, 0)"
transform="scale(512) translate(-1554, -666)"
/>
<g
transform="scale(256) translate(-777, -333)"
>
<g
transform="translate(0, 0)"
transform="translate(777, 333)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/777/333.png"
href="https://fakeurl/9/265/333.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 0)"
transform="translate(778, 333)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/778/333.png"
href="https://fakeurl/9/266/333.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 0)"
transform="translate(779, 333)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/779/333.png"
href="https://fakeurl/9/267/333.png"
width="1"
/>
</g>
</g>
<g
transform="translate(3, 0)"
transform="translate(780, 333)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/780/333.png"
href="https://fakeurl/9/268/333.png"
width="1"
/>
</g>
</g>
<g
transform="translate(4, 0)"
transform="translate(777, 334)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/781/333.png"
href="https://fakeurl/9/265/334.png"
width="1"
/>
</g>
</g>
<g
transform="translate(0, 1)"
transform="translate(778, 334)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/777/334.png"
href="https://fakeurl/9/266/334.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 1)"
transform="translate(779, 334)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/778/334.png"
href="https://fakeurl/9/267/334.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 1)"
transform="translate(780, 334)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/779/334.png"
href="https://fakeurl/9/268/334.png"
width="1"
/>
</g>
</g>
<g
transform="translate(3, 1)"
transform="translate(777, 335)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/780/334.png"
href="https://fakeurl/9/265/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(4, 1)"
transform="translate(778, 335)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/781/334.png"
href="https://fakeurl/9/266/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(0, 2)"
transform="translate(779, 335)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/777/335.png"
href="https://fakeurl/9/267/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 2)"
transform="translate(780, 335)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/778/335.png"
href="https://fakeurl/9/268/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 2)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/779/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(3, 2)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/780/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(4, 2)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/781/335.png"
width="1"
/>
</g>
</g>
<g
transform="translate(0, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/777/336.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/778/336.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/779/336.png"
width="1"
/>
</g>
</g>
<g
transform="translate(3, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/780/336.png"
width="1"
/>
</g>
</g>
<g
transform="translate(4, 3)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/9/781/336.png"
width="1"
/>
</g>
</g>
</g>
<g
data-testid="tile/xxx/10//"
transform="scale(128) translate(0, 0)"
>
<g
transform="translate(0, 0)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/10/1554/666.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 0)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/10/1555/666.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 0)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/10/1556/666.png"
width="1"
/>
</g>
</g>
<g
transform="translate(0, 1)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/10/1554/667.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 1)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/10/1555/667.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 1)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/10/1556/667.png"
width="1"
/>
</g>
</g>
<g
transform="translate(0, 2)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/10/1554/668.png"
width="1"
/>
</g>
</g>
<g
transform="translate(1, 2)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/10/1555/668.png"
width="1"
/>
</g>
</g>
<g
transform="translate(2, 2)"
>
<g>
<image
height="1"
href="https://tile.openstreetmap.org/10/1556/668.png"
width="1"
/>
</g>
</g>
</g>
</g>
</svg>
`);

109
src/components/map/TiledLayer.test.tsx
View File

@ -49,116 +49,7 @@ describe('The TiledLayer component', () => {
>
<g
transform="scale(1) translate(0, 0)"
>
<g
transform="translate(2, 3)"
>
<image
height="1"
href="https://fakeurl/5/2/3.png"
width="1"
/>
</g>
<g
transform="translate(3, 3)"
>
<image
height="1"
href="https://fakeurl/5/3/3.png"
width="1"
/>
</g>
<g
transform="translate(4, 3)"
>
<image
height="1"
href="https://fakeurl/5/4/3.png"
width="1"
/>
</g>
<g
transform="translate(5, 3)"
>
<image
height="1"
href="https://fakeurl/5/5/3.png"
width="1"
/>
</g>
<g
transform="translate(2, 4)"
>
<image
height="1"
href="https://fakeurl/5/2/4.png"
width="1"
/>
</g>
<g
transform="translate(3, 4)"
>
<image
height="1"
href="https://fakeurl/5/3/4.png"
width="1"
/>
</g>
<g
transform="translate(4, 4)"
>
<image
height="1"
href="https://fakeurl/5/4/4.png"
width="1"
/>
</g>
<g
transform="translate(5, 4)"
>
<image
height="1"
href="https://fakeurl/5/5/4.png"
width="1"
/>
</g>
<g
transform="translate(2, 5)"
>
<image
height="1"
href="https://fakeurl/5/2/5.png"
width="1"
/>
</g>
<g
transform="translate(3, 5)"
>
<image
height="1"
href="https://fakeurl/5/3/5.png"
width="1"
/>
</g>
<g
transform="translate(4, 5)"
>
<image
height="1"
href="https://fakeurl/5/4/5.png"
width="1"
/>
</g>
<g
transform="translate(5, 5)"
>
<image
height="1"
href="https://fakeurl/5/5/5.png"
width="1"
/>
</g>
</g>
</svg>
`);
});