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
61
/**
 * Function that returns a random number between min and max including min and max
 */
export const random = (min: number, max?: number) => {
  if (max === undefined) {
    max = min;
    min = 0;
  }
  return Math.floor(Math.random() * (max - min + 1) + min);
};
 
export const Generator = {
  generateImageUrl({ width, height }) {
    return cy.document().then((doc) => {
      const canvas = document.createElement("canvas");
 
      canvas.width = width;
      canvas.height = height;
 
      const ctx = canvas.getContext("2d");
 
      const centerX = width / 2;
      const centerY = height / 2;
 
      for (let k = 0; k < centerX; k += 50) {
        ctx.strokeRect(centerX - k, 0, k * 2, height);
      }
      for (let k = 0; k < centerY; k += 50) {
        ctx.strokeRect(0, centerY - k, width, k * 2);
      }
 
      const dataUrl = canvas.toDataURL("image/png");
 
      return dataUrl;
    });
  },
  generatePixeledImageUrl({ width, height }) {
    return cy.document().then((doc) => {
      const canvas = document.createElement("canvas");
 
      canvas.width = width;
      canvas.height = height;
 
      const ctx = canvas.getContext("2d");
 
      const centerX = width / 2;
      const centerY = height / 2;
 
      for (let x = 0; x < width; x++) {
        for (let y = 0; y < height; y++) {
          ctx.fillStyle = `rgb(${random(255)},${random(255)},${random(255)})`;
          ctx.fillRect(x, y, 1, 1);
        }
      }
 
      const dataUrl = canvas.toDataURL("image/png");
 
      return dataUrl;
    });
  },
};