@atlaskit/react-ufo 4.2.3 → 4.2.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.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/ignore-holds/index.js +1 -2
- package/dist/cjs/interaction-metrics-init/index.js +7 -9
- package/dist/cjs/resource-timing/main.js +1 -1
- package/dist/cjs/vc/no-op-vc-observer.js +5 -5
- package/dist/cjs/vc/vc-observer/observers/ssr-placeholders/index.js +11 -0
- package/dist/cjs/vc/vc-observer-new/index.js +5 -6
- package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/canvas-pixel.js +1 -1
- package/dist/cjs/vc/vc-observer-new/viewport-observer/index.js +45 -30
- package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/check-within-component.js +1 -0
- package/dist/es2019/ignore-holds/index.js +1 -2
- package/dist/es2019/interaction-metrics-init/index.js +7 -9
- package/dist/es2019/resource-timing/main.js +1 -1
- package/dist/es2019/vc/no-op-vc-observer.js +5 -5
- package/dist/es2019/vc/vc-observer/observers/ssr-placeholders/index.js +9 -0
- package/dist/es2019/vc/vc-observer-new/index.js +1 -3
- package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/canvas-pixel.js +1 -1
- package/dist/es2019/vc/vc-observer-new/viewport-observer/index.js +28 -19
- package/dist/es2019/vc/vc-observer-new/viewport-observer/utils/check-within-component.js +1 -0
- package/dist/esm/ignore-holds/index.js +1 -2
- package/dist/esm/interaction-metrics-init/index.js +7 -9
- package/dist/esm/resource-timing/main.js +1 -1
- package/dist/esm/vc/no-op-vc-observer.js +5 -5
- package/dist/esm/vc/vc-observer/observers/ssr-placeholders/index.js +11 -0
- package/dist/esm/vc/vc-observer-new/index.js +5 -6
- package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/canvas-pixel.js +1 -1
- package/dist/esm/vc/vc-observer-new/viewport-observer/index.js +45 -30
- package/dist/esm/vc/vc-observer-new/viewport-observer/utils/check-within-component.js +1 -0
- package/dist/types/ignore-holds/index.d.ts +1 -1
- package/dist/types/vc/no-op-vc-observer.d.ts +5 -5
- package/dist/types/vc/vc-observer/observers/ssr-placeholders/index.d.ts +1 -0
- package/dist/types/vc/vc-observer-new/index.d.ts +1 -3
- package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/canvas-pixel.d.ts +1 -1
- package/dist/types/vc/vc-observer-new/viewport-observer/utils/check-within-component.d.ts +1 -1
- package/dist/types-ts4.5/ignore-holds/index.d.ts +1 -1
- package/dist/types-ts4.5/vc/no-op-vc-observer.d.ts +5 -5
- package/dist/types-ts4.5/vc/vc-observer/observers/ssr-placeholders/index.d.ts +1 -0
- package/dist/types-ts4.5/vc/vc-observer-new/index.d.ts +1 -3
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/canvas-pixel.d.ts +1 -1
- package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/utils/check-within-component.d.ts +1 -1
- package/package.json +4 -4
- package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.js +0 -108
- package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.js +0 -75
- package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.js +0 -106
- package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.d.ts +0 -1
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.d.ts +0 -1
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import { calculatePercentilesWithDebugInfo } from './index';
|
|
4
|
-
|
|
5
|
-
// Test utilities
|
|
6
|
-
var createMockRect = function createMockRect() {
|
|
7
|
-
var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
8
|
-
var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
9
|
-
var width = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 100;
|
|
10
|
-
var height = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 100;
|
|
11
|
-
return new MockDOMRect(x, y, width, height);
|
|
12
|
-
};
|
|
13
|
-
var createViewportEntry = function createViewportEntry(elementName) {
|
|
14
|
-
var rect = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : createMockRect();
|
|
15
|
-
var visible = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
16
|
-
var type = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'mutation:element';
|
|
17
|
-
return {
|
|
18
|
-
elementName: elementName,
|
|
19
|
-
rect: rect,
|
|
20
|
-
visible: visible,
|
|
21
|
-
type: type
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
var createTimePixelCounts = function createTimePixelCounts(counts) {
|
|
25
|
-
return new Map(counts);
|
|
26
|
-
};
|
|
27
|
-
var createElementMap = function createElementMap(entries) {
|
|
28
|
-
return new Map(entries);
|
|
29
|
-
};
|
|
30
|
-
var createExpectedResult = function createExpectedResult(time, viewportPercentage, entries) {
|
|
31
|
-
return {
|
|
32
|
-
time: time,
|
|
33
|
-
viewportPercentage: viewportPercentage,
|
|
34
|
-
entries: entries
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
var MockDOMRect = /*#__PURE__*/function () {
|
|
38
|
-
function MockDOMRect(x, y, width, height) {
|
|
39
|
-
_classCallCheck(this, MockDOMRect);
|
|
40
|
-
this.x = x;
|
|
41
|
-
this.y = y;
|
|
42
|
-
this.width = width;
|
|
43
|
-
this.height = height;
|
|
44
|
-
}
|
|
45
|
-
return _createClass(MockDOMRect, [{
|
|
46
|
-
key: "bottom",
|
|
47
|
-
get: function get() {
|
|
48
|
-
return this.y + this.height;
|
|
49
|
-
}
|
|
50
|
-
}, {
|
|
51
|
-
key: "left",
|
|
52
|
-
get: function get() {
|
|
53
|
-
return this.x;
|
|
54
|
-
}
|
|
55
|
-
}, {
|
|
56
|
-
key: "right",
|
|
57
|
-
get: function get() {
|
|
58
|
-
return this.x + this.width;
|
|
59
|
-
}
|
|
60
|
-
}, {
|
|
61
|
-
key: "top",
|
|
62
|
-
get: function get() {
|
|
63
|
-
return this.y;
|
|
64
|
-
}
|
|
65
|
-
}, {
|
|
66
|
-
key: "toJSON",
|
|
67
|
-
value: function toJSON() {
|
|
68
|
-
return {
|
|
69
|
-
x: this.x,
|
|
70
|
-
y: this.y,
|
|
71
|
-
width: this.width,
|
|
72
|
-
height: this.height
|
|
73
|
-
};
|
|
74
|
-
}
|
|
75
|
-
}]);
|
|
76
|
-
}();
|
|
77
|
-
describe('calculatePercentilesWithDebugInfo', function () {
|
|
78
|
-
it('should correctly calculate percentiles with accumulated elements from timestamps', function () {
|
|
79
|
-
var timePixelCounts = createTimePixelCounts([[100, 10], [200, 20], [300, 10], [400, 10]]);
|
|
80
|
-
var elementMap = createElementMap([[100, [createViewportEntry('div'), createViewportEntry('span')]], [200, [createViewportEntry('img')]], [300, [createViewportEntry('p'), createViewportEntry('a')]], [400, [createViewportEntry('img')]]]);
|
|
81
|
-
var expected = [createExpectedResult(100, 20, [createViewportEntry('div'), createViewportEntry('span')]), createExpectedResult(200, 60, [createViewportEntry('img')]), createExpectedResult(300, 80, [createViewportEntry('p'), createViewportEntry('a')]), createExpectedResult(400, 100, [createViewportEntry('img')])];
|
|
82
|
-
var result = calculatePercentilesWithDebugInfo(timePixelCounts, elementMap, 50, 0);
|
|
83
|
-
expect(result).toEqual(expected);
|
|
84
|
-
});
|
|
85
|
-
it('should handle empty entries gracefully', function () {
|
|
86
|
-
var timePixelCounts = new Map();
|
|
87
|
-
var elementMap = new Map();
|
|
88
|
-
var expected = [];
|
|
89
|
-
var result = calculatePercentilesWithDebugInfo(timePixelCounts, elementMap, 100, 0);
|
|
90
|
-
expect(result).toEqual(expected);
|
|
91
|
-
});
|
|
92
|
-
it('should handle non-sequential timestamps', function () {
|
|
93
|
-
var timePixelCounts = createTimePixelCounts([[300, 70], [100, 30]]);
|
|
94
|
-
var elementMap = createElementMap([[300, [createViewportEntry('p'), createViewportEntry('a')]], [100, [createViewportEntry('div')]]]);
|
|
95
|
-
var expected = [createExpectedResult(100, 30, [createViewportEntry('div')]), createExpectedResult(300, 100, [createViewportEntry('p'), createViewportEntry('a')])];
|
|
96
|
-
var result = calculatePercentilesWithDebugInfo(timePixelCounts, elementMap, 100, 0);
|
|
97
|
-
expect(result).toEqual(expected);
|
|
98
|
-
});
|
|
99
|
-
it('should correctly calculate percentiles with startTime offset', function () {
|
|
100
|
-
var timePixelCounts = createTimePixelCounts([[100, 10], [200, 20], [300, 10], [400, 10]]);
|
|
101
|
-
var elementMap = createElementMap([[100, [createViewportEntry('div'), createViewportEntry('span')]], [200, [createViewportEntry('img')]], [300, [createViewportEntry('p'), createViewportEntry('a')]], [400, [createViewportEntry('img')]]]);
|
|
102
|
-
var expected = [createExpectedResult(50, 20, [createViewportEntry('div'), createViewportEntry('span')]), createExpectedResult(150, 60, [createViewportEntry('img')]), createExpectedResult(250, 80, [createViewportEntry('p'), createViewportEntry('a')]), createExpectedResult(350, 100, [createViewportEntry('img')])];
|
|
103
|
-
var result = calculatePercentilesWithDebugInfo(timePixelCounts, elementMap, 50, 50);
|
|
104
|
-
expect(result).toEqual(expected);
|
|
105
|
-
});
|
|
106
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|