2022-10-17 15:15:24 +00:00
|
|
|
import { render, screen } from '@testing-library/react';
|
|
|
|
|
import TiledLayer from './TiledLayer';
|
|
|
|
|
|
|
|
|
|
describe('The TiledLayer component ', () => {
|
|
|
|
|
test('', () => {
|
|
|
|
|
// const tiledLayer = renderer.create(
|
|
|
|
|
// <TiledLayer
|
|
|
|
|
// keyObject={{ provider: 'osm', zoomLevel: 10, x: 5, y: 8 }}
|
|
|
|
|
// viewPort={{ topLeft: { x: 1, y: 2 }, bottomRight: { x: 3, y: 2 } }}
|
|
|
|
|
// />
|
|
|
|
|
// );
|
|
|
|
|
// const tree = tiledLayer.toJSON();
|
|
|
|
|
// console.log(JSON.stringify(tree));
|
|
|
|
|
|
|
|
|
|
const { baseElement } = render(
|
|
|
|
|
<svg>
|
|
|
|
|
<TiledLayer
|
|
|
|
|
keyObject={{ provider: 'osm', zoomLevel: 10, x: 5, y: 8 }}
|
|
|
|
|
viewPort={{ topLeft: { x: 1, y: 2 }, bottomRight: { x: 3, y: 2 } }}
|
|
|
|
|
/>
|
|
|
|
|
</svg>
|
|
|
|
|
);
|
2022-10-17 15:48:30 +00:00
|
|
|
// screen.debug();
|
2022-10-17 15:15:24 +00:00
|
|
|
expect(baseElement).toMatchInlineSnapshot(`
|
|
|
|
|
<body>
|
|
|
|
|
<div>
|
|
|
|
|
<svg>
|
|
|
|
|
<g
|
2022-10-17 15:48:30 +00:00
|
|
|
transform="translate(1, 2)"
|
2022-10-17 15:15:24 +00:00
|
|
|
/>
|
|
|
|
|
<g
|
2022-10-17 15:48:30 +00:00
|
|
|
transform="translate(2, 2)"
|
2022-10-17 15:15:24 +00:00
|
|
|
/>
|
|
|
|
|
<g
|
2022-10-17 15:48:30 +00:00
|
|
|
transform="translate(3, 2)"
|
2022-10-17 15:15:24 +00:00
|
|
|
/>
|
|
|
|
|
</svg>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
`);
|
|
|
|
|
});
|
|
|
|
|
});
|
