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

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

@ -49,116 +49,7 @@ describe('The TiledLayer component', () => {
> >
<g <g
transform="scale(1) translate(0, 0)" 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> </svg>
`); `);
}); });