@invarn/cibuild 2.5.4 → 2.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -72,7 +72,7 @@ describe('deriveStructuralFacts — unclippedBounds path (real clamping renders)
|
|
|
72
72
|
canvas: { left: 0, top: 0, right: 360, bottom: 720 },
|
|
73
73
|
nodes: [
|
|
74
74
|
{
|
|
75
|
-
id: '
|
|
75
|
+
id: 'HomeOfferBanner',
|
|
76
76
|
bounds: { left: 16, top: 100, right: 344, bottom: 262 },
|
|
77
77
|
unclippedBounds: { left: 16, top: 100, right: 344, bottom: 262 },
|
|
78
78
|
parentId: null,
|
|
@@ -85,7 +85,7 @@ describe('deriveStructuralFacts — unclippedBounds path (real clamping renders)
|
|
|
85
85
|
id: 'voucherTag',
|
|
86
86
|
bounds: { left: 250, top: 210, right: 330, bottom: 262 },
|
|
87
87
|
unclippedBounds: { left: 250, top: 210, right: 330, bottom: 280 },
|
|
88
|
-
parentId: '
|
|
88
|
+
parentId: 'HomeOfferBanner',
|
|
89
89
|
clipsChildren: false,
|
|
90
90
|
},
|
|
91
91
|
],
|
|
@@ -95,7 +95,7 @@ describe('deriveStructuralFacts — unclippedBounds path (real clamping renders)
|
|
|
95
95
|
expect(facts[0]).toMatchObject({
|
|
96
96
|
kind: 'clipped_by_parent',
|
|
97
97
|
nodeId: 'voucherTag',
|
|
98
|
-
clipperId: '
|
|
98
|
+
clipperId: 'HomeOfferBanner',
|
|
99
99
|
edges: ['bottom'],
|
|
100
100
|
clippedPx: { bottom: 18 },
|
|
101
101
|
});
|
|
@@ -307,7 +307,7 @@ describe('embedded render-side stage parity', () => {
|
|
|
307
307
|
}
|
|
308
308
|
});
|
|
309
309
|
describe('deriveStructuralFacts — motivating regression (voucher tag bottom-clip)', () => {
|
|
310
|
-
// The render-side layout dump for the
|
|
310
|
+
// The render-side layout dump for the HomeOfferBanner-style case: a card
|
|
311
311
|
// clips children, and the voucher tag (with its euro coin) overflows the
|
|
312
312
|
// card's bottom. The deriver MUST surface the bottom clip so the verdict
|
|
313
313
|
// can compare its extent to the design and never miss it by eye again.
|
|
@@ -315,10 +315,10 @@ describe('deriveStructuralFacts — motivating regression (voucher tag bottom-cl
|
|
|
315
315
|
const dump = {
|
|
316
316
|
canvas: { left: 0, top: 0, right: 360, bottom: 720 },
|
|
317
317
|
nodes: [
|
|
318
|
-
{ id: '
|
|
319
|
-
{ id: 'promoText', bounds: { left: 32, top: 116, right: 240, bottom: 180 }, parentId: '
|
|
318
|
+
{ id: 'HomeOfferBanner', bounds: { left: 16, top: 100, right: 344, bottom: 262 }, parentId: null, clipsChildren: true },
|
|
319
|
+
{ id: 'promoText', bounds: { left: 32, top: 116, right: 240, bottom: 180 }, parentId: 'HomeOfferBanner', clipsChildren: false },
|
|
320
320
|
// voucher tag overflows the card bottom (262) down to 280 → 18px clipped
|
|
321
|
-
{ id: 'voucherTag', bounds: { left: 250, top: 210, right: 330, bottom: 280 }, parentId: '
|
|
321
|
+
{ id: 'voucherTag', bounds: { left: 250, top: 210, right: 330, bottom: 280 }, parentId: 'HomeOfferBanner', clipsChildren: false },
|
|
322
322
|
],
|
|
323
323
|
};
|
|
324
324
|
const facts = deriveStructuralFacts(dump);
|
|
@@ -326,7 +326,7 @@ describe('deriveStructuralFacts — motivating regression (voucher tag bottom-cl
|
|
|
326
326
|
expect(clip).toMatchObject({
|
|
327
327
|
kind: 'clipped_by_parent',
|
|
328
328
|
nodeId: 'voucherTag',
|
|
329
|
-
clipperId: '
|
|
329
|
+
clipperId: 'HomeOfferBanner',
|
|
330
330
|
edges: ['bottom'],
|
|
331
331
|
clippedPx: { bottom: 18 },
|
|
332
332
|
});
|