init

Bin

2025-12-16 9e0b2ba2c317b1a86212f24cbae3195ad1f3dbfa

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
const assert = require("assert");
 
Feature("Zoomed image displaying").tag("@regress");
 
const IMAGE =
  "https://htx-pub.s3.us-east-1.amazonaws.com/examples/images/nick-owuor-astro-nic-visuals-wDifg5xc9Z4-unsplash.jpg";
const config = `
  <View>
    <Image name="img" value="$image" zoomby="2"/>
    <Rectangle name="rect" toName="img"/>
  </View>`;
const ZOOM = 10;
const EPSILON = 0.01;
 
Scenario("Image displaying precision.", async ({ I, LabelStudio, AtImageView, AtOutliner }) => {
  const params = {
    config,
    data: { image: IMAGE },
  };
 
  I.amOnPage("/");
 
  LabelStudio.init(params);
  LabelStudio.waitForObjectsReady();
  AtOutliner.seeRegions(0);
 
  const { imageTransform } = await I.executeScript(async () => {
    const img = window.document.querySelector('[alt="LS"]');
    const { transform: imageTransform } = window.getComputedStyle(img);
 
    return {
      imageTransform,
    };
  });
 
  assert.notStrictEqual(
    imageTransform,
    "none",
    'The initial value of "transform" should not be "none" to ensure that the image is rendered correctly.',
  );
 
  AtImageView.setZoom(ZOOM, -100 * ZOOM, -100 * ZOOM);
 
  const { fullStageHeight, imageHeight } = await I.executeScript(async () => {
    const stage = window.Konva.stages[0];
    const img = window.document.querySelector('[alt="LS"]');
    const fullStageHeight = stage.height() * stage.scaleY();
    const imageHeight = img.height;
 
    return {
      fullStageHeight,
      imageHeight,
    };
  });
 
  assert(
    Math.abs(fullStageHeight - imageHeight) < EPSILON,
    "Heights of the stage and of the image should be equal for correct displaying.",
  );
});