Steffen Becker
2830e8a9d4
Both anchor offsets now render: the x moves the rotor inside the full-width float, the y the float's top. Chromium puts every line after such a float below it, so a frame set below the paragraph top is sunk behind the text at import and the node view measures what those lines already cover.
54 lines
2.4 KiB
TypeScript
54 lines
2.4 KiB
TypeScript
// A top-and-bottom frame's own place: Word's positionH/positionV posOffset, ODF's
|
||
// svg:x/svg:y. Both offsets round-trip, and one set below its paragraph's top sinks
|
||
// behind that paragraph's text (a full-width float pushes following lines under it).
|
||
import { describe, it, expect } from 'vitest';
|
||
import { buildOdt } from '../../src/lib/export/odt';
|
||
import { buildDocx } from '../../src/lib/export/docx';
|
||
import { importOdt, sinkOffsetFrames } from '../../src/lib/import/odt';
|
||
import { importDocx } from '../../src/lib/import/docx';
|
||
|
||
type N = any;
|
||
|
||
const PNG = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==';
|
||
const IMG = (attrs: N): N => ({ type: 'image', attrs: { src: PNG, width: 200, height: 120, ...attrs } });
|
||
|
||
const doc: N = {
|
||
type: 'doc',
|
||
content: [{
|
||
type: 'paragraph',
|
||
content: [{ type: 'text', text: 'anchor text' }, IMG({ wrap: 'topBottom', wrapOffset: 3.5, wrapOffsetY: 5.75 })],
|
||
}],
|
||
};
|
||
|
||
const frame = (d: N) => d.content[0].content.find((n: N) => n.type === 'image');
|
||
const margins = { top: 2, bottom: 2, left: 2, right: 2 };
|
||
|
||
describe('a top-and-bottom frame’s offsets', () => {
|
||
it('round-trips both offsets through ODF', async () => {
|
||
const img = frame((await importOdt(await buildOdt(doc, margins, 'portrait'))).content);
|
||
expect(img.attrs.wrapOffset).toBeCloseTo(3.5, 2);
|
||
expect(img.attrs.wrapOffsetY).toBeCloseTo(5.75, 2);
|
||
});
|
||
|
||
it('round-trips both offsets through DOCX', async () => {
|
||
const img = frame(importDocx(await buildDocx(doc, margins, 'portrait')).content);
|
||
expect(img.attrs.wrapOffset).toBeCloseTo(3.5, 2);
|
||
expect(img.attrs.wrapOffsetY).toBeCloseTo(5.75, 2);
|
||
});
|
||
|
||
it('sinks a frame set below the paragraph top behind its text', () => {
|
||
const content = [IMG({ wrap: 'topBottom', wrapOffsetY: 5.75 }), { type: 'text', text: 'hi' }];
|
||
sinkOffsetFrames(content);
|
||
expect(content.map((n: N) => n.type)).toEqual(['text', 'image']);
|
||
});
|
||
|
||
it('leaves a frame at the paragraph top, and one with no text to stand behind', () => {
|
||
const flush = [IMG({ wrap: 'topBottom' }), { type: 'text', text: 'hi' }];
|
||
sinkOffsetFrames(flush);
|
||
expect(flush.map((n: N) => n.type)).toEqual(['image', 'text']);
|
||
const alone = [IMG({ wrap: 'topBottom', wrapOffsetY: 5.75 })];
|
||
sinkOffsetFrames(alone);
|
||
expect(alone.map((n: N) => n.type)).toEqual(['image']);
|
||
});
|
||
});
|