@applitools/eyes-cypress 3.51.0 → 3.52.0

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 CHANGED
@@ -1,5 +1,118 @@
1
1
  # Changelog
2
2
 
3
+ ## [3.52.0](https://github.com/Applitools-Dev/sdk/compare/js/eyes-cypress@3.51.0...js/eyes-cypress@3.52.0) (2025-04-17)
4
+
5
+
6
+ ### Features
7
+
8
+ * height layout breakpoints ([#2801](https://github.com/Applitools-Dev/sdk/issues/2801)) ([819e241](https://github.com/Applitools-Dev/sdk/commit/819e2418f1fd93220a07dfbcf1157ffcf4995dd7))
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * simplify sandbox creation and ensure cleanup after execution ([#2869](https://github.com/Applitools-Dev/sdk/issues/2869)) ([72c5e01](https://github.com/Applitools-Dev/sdk/commit/72c5e01307f6abd83fab365a7e235124caae0694))
14
+
15
+
16
+ ### Performance Improvements
17
+
18
+ * cachify http agent ([#2466](https://github.com/Applitools-Dev/sdk/issues/2466)) ([bc2f4a1](https://github.com/Applitools-Dev/sdk/commit/bc2f4a1fae3c379f061c9199edf4c5257769fb44))
19
+
20
+
21
+ ### Dependencies
22
+
23
+ * @applitools/dom-snapshot bumped to 4.11.18
24
+ #### Bug Fixes
25
+
26
+ * simplify sandbox creation and ensure cleanup after execution ([#2869](https://github.com/Applitools-Dev/sdk/issues/2869)) ([72c5e01](https://github.com/Applitools-Dev/sdk/commit/72c5e01307f6abd83fab365a7e235124caae0694))
27
+
28
+
29
+
30
+ * @applitools/snippets bumped to 2.6.5
31
+ #### Performance Improvements
32
+
33
+ * cachify http agent ([#2466](https://github.com/Applitools-Dev/sdk/issues/2466)) ([bc2f4a1](https://github.com/Applitools-Dev/sdk/commit/bc2f4a1fae3c379f061c9199edf4c5257769fb44))
34
+ * @applitools/driver bumped to 1.21.1
35
+ #### Bug Fixes
36
+
37
+ * executePoll error logging FLD-2870 ([#2890](https://github.com/Applitools-Dev/sdk/issues/2890)) ([a8ff720](https://github.com/Applitools-Dev/sdk/commit/a8ff720efafacabe2023282748a6d8a0f1b3ff73))
38
+
39
+
40
+
41
+ * @applitools/spec-driver-webdriver bumped to 1.2.2
42
+ #### Performance Improvements
43
+
44
+ * cachify http agent ([#2466](https://github.com/Applitools-Dev/sdk/issues/2466)) ([bc2f4a1](https://github.com/Applitools-Dev/sdk/commit/bc2f4a1fae3c379f061c9199edf4c5257769fb44))
45
+
46
+
47
+
48
+ * @applitools/spec-driver-selenium bumped to 1.5.98
49
+ #### Performance Improvements
50
+
51
+ * cachify http agent ([#2466](https://github.com/Applitools-Dev/sdk/issues/2466)) ([bc2f4a1](https://github.com/Applitools-Dev/sdk/commit/bc2f4a1fae3c379f061c9199edf4c5257769fb44))
52
+
53
+
54
+
55
+ * @applitools/spec-driver-puppeteer bumped to 1.4.27
56
+ #### Performance Improvements
57
+
58
+ * cachify http agent ([#2466](https://github.com/Applitools-Dev/sdk/issues/2466)) ([bc2f4a1](https://github.com/Applitools-Dev/sdk/commit/bc2f4a1fae3c379f061c9199edf4c5257769fb44))
59
+
60
+
61
+
62
+ * @applitools/screenshoter bumped to 3.11.1
63
+ #### Performance Improvements
64
+
65
+ * cachify http agent ([#2466](https://github.com/Applitools-Dev/sdk/issues/2466)) ([bc2f4a1](https://github.com/Applitools-Dev/sdk/commit/bc2f4a1fae3c379f061c9199edf4c5257769fb44))
66
+
67
+
68
+
69
+ * @applitools/nml-client bumped to 1.9.1
70
+ #### Performance Improvements
71
+
72
+ * cachify http agent ([#2466](https://github.com/Applitools-Dev/sdk/issues/2466)) ([bc2f4a1](https://github.com/Applitools-Dev/sdk/commit/bc2f4a1fae3c379f061c9199edf4c5257769fb44))
73
+
74
+
75
+
76
+ * @applitools/tunnel-client bumped to 1.6.5
77
+ #### Bug Fixes
78
+
79
+ * enhance error messages in tunnel client ([cab26e6](https://github.com/Applitools-Dev/sdk/commit/cab26e6e3d56fa3cbabaa1a9c68de13046b8f57e))
80
+ * @applitools/ufg-client bumped to 1.16.9
81
+ #### Bug Fixes
82
+
83
+ * basic auth protected resources | FLD-2761 | FMRI-120 ([#2444](https://github.com/Applitools-Dev/sdk/issues/2444)) ([b48cf49](https://github.com/Applitools-Dev/sdk/commit/b48cf49dec50bbf1ed2ba111608a48cf09962565))
84
+
85
+
86
+ #### Performance Improvements
87
+
88
+ * cachify http agent ([#2466](https://github.com/Applitools-Dev/sdk/issues/2466)) ([bc2f4a1](https://github.com/Applitools-Dev/sdk/commit/bc2f4a1fae3c379f061c9199edf4c5257769fb44))
89
+ * @applitools/ec-client bumped to 1.10.9
90
+ #### Performance Improvements
91
+
92
+ * cachify http agent ([#2466](https://github.com/Applitools-Dev/sdk/issues/2466)) ([bc2f4a1](https://github.com/Applitools-Dev/sdk/commit/bc2f4a1fae3c379f061c9199edf4c5257769fb44))
93
+
94
+
95
+
96
+ * @applitools/core bumped to 4.37.0
97
+ #### Features
98
+
99
+ * height layout breakpoints ([#2801](https://github.com/Applitools-Dev/sdk/issues/2801)) ([819e241](https://github.com/Applitools-Dev/sdk/commit/819e2418f1fd93220a07dfbcf1157ffcf4995dd7))
100
+
101
+
102
+
103
+ * @applitools/eyes bumped to 1.34.0
104
+ #### Features
105
+
106
+ * height layout breakpoints ([#2801](https://github.com/Applitools-Dev/sdk/issues/2801)) ([819e241](https://github.com/Applitools-Dev/sdk/commit/819e2418f1fd93220a07dfbcf1157ffcf4995dd7))
107
+
108
+
109
+ #### Bug Fixes
110
+
111
+ * add checks for undefined regions in CheckSettings | AD-9042 ([#2868](https://github.com/Applitools-Dev/sdk/issues/2868)) ([0f7c991](https://github.com/Applitools-Dev/sdk/commit/0f7c9913d64e0535ba5ffe632923a3bf440be65f))
112
+
113
+
114
+
115
+
3
116
  ## [3.51.0](https://github.com/Applitools-Dev/sdk/compare/js/eyes-cypress@3.50.3...js/eyes-cypress@3.51.0) (2025-04-03)
4
117
 
5
118
 
package/README.md CHANGED
@@ -1,12 +1,147 @@
1
- <div align="center">
1
+ ## Applitools Eyes SDK for [Cypress](https://www.cypress.io/)
2
2
 
3
- ![Applitools Eyes](https://i.ibb.co/3hWJK68/applitools-eyes-logo.png)
4
- ### Applitools Eyes SDK for [Cypress](https://www.cypress.io/)
5
- [![npm](https://img.shields.io/npm/v/@applitools/eyes-cypress.svg?style=for-the-badge)](https://www.npmjs.com/package/@applitools/eyes-cypress)
3
+ The Cypress SDK allows you to leverage the Applitools [Ultrafast Grid](/concepts/test-execution/ultrafast-grid) to automatically run tests across all major browsers.
6
4
 
7
- </div>
8
- <br/>
5
+ For general information about working with Cypress, see [Cypress Testing Framework](https://applitools.com/learn/frameworks/cypress-testing/) on the Applitools website.
9
6
 
10
- ## Resources
11
- - [Quick start](https://applitools.com/tutorials/quickstart/web/cypress)
12
- - [API reference](https://applitools.com/docs/api-ref/sdk-api/cypress/)
7
+ ## Installing Eyes Cypress
8
+
9
+ Run the following
10
+ ```bash
11
+ npm i --save @applitools/eyes-cypress
12
+ ```
13
+
14
+ or
15
+ ```bash
16
+ yarn add @applitools/eyes-cypress
17
+ ```
18
+
19
+
20
+ ## Setting up the project
21
+
22
+ On the project, run the following:
23
+
24
+ ```bash
25
+ npx eyes-setup
26
+ ```
27
+
28
+ ### Modifying the configuration file
29
+
30
+ If `npx eyes-setup` did not run successfully, modify the configuration file as follows:
31
+
32
+ #### Cypress version 10 or later
33
+
34
+ Add the following to the `cypress.config.js` file:
35
+
36
+ ```js
37
+ const { defineConfig } = require('cypress')
38
+ const eyesPlugin = require('@applitools/eyes-cypress')
39
+ module.exports = eyesPlugin(defineConfig({
40
+ // the e2e or component configuration
41
+ e2e: {
42
+ setupNodeEvents(on, config) {
43
+ }
44
+ }
45
+ }))
46
+ ```
47
+
48
+ #### Cypress version earlier than version 10:
49
+
50
+ In the `pluginsFile` file, add the following **after** the definition of `module.exports`:
51
+
52
+ ```js
53
+ require('@applitools/eyes-cypress')(module)
54
+ ```
55
+
56
+ ### IntelliSense code completion
57
+
58
+ You can add Eyes-Cypress IntelliSense to your tests using one of the following methods:
59
+
60
+ * [Triple slash directives](#slash)
61
+ * [Reference type declarations via `tsconfig`](#reference)
62
+
63
+
64
+ ### Triple slash directives {#slash}
65
+
66
+ The simplest way to see IntelliSense when typing an Eyes-Cypress command is to add a [triple-slash](https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html) directive to the head of your JavaScript or TypeScript testing file. This will turn the IntelliSense on a per file basis:
67
+
68
+ ```
69
+ /// <reference types="@applitools/eyes-cypress" />
70
+ ```
71
+
72
+ ### Reference type declarations via `tsconfig` {#reference}
73
+
74
+ Eyes-Cypress ships with official type declarations for TypeScript. This allows you to add eyes commands to your TypeScript tests.
75
+ If you do not have TypeScript, for example you use JavaScript, you can add IntelliSense declarations to the project using one of the following:
76
+
77
+ - Add the path to your [`tsconfig`](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html) file:
78
+
79
+ ```json
80
+ {
81
+ "compileroptions": {
82
+ "types": ["@applitools/eyes-cypress", "cypress", "node"]
83
+ }
84
+ }
85
+ ```
86
+
87
+ - In the `cypress/support` folder, create a file `index.d.ts` that contains:
88
+ ```js
89
+ import "@applitools/eyes-cypress"
90
+ ```
91
+
92
+ Normally, this is `cypress/plugins/index.js`. For details, see the [Cypress documentation](https://docs.cypress.io/guides/references/configuration.html#Folders-Files).
93
+
94
+
95
+
96
+ #### Configure custom commands manually
97
+
98
+ Eyes-Cypress exposes new commands to your tests. This means that additional methods will be available on the `cy` object.
99
+ If `npx eyes-setup` does not work, you need to configure these custom commands. As with the plugin, there is no automatic way to configure this in Cypress, so you need to manually add the following code to your `supportFile`:
100
+
101
+ ```js
102
+ import '@applitools/eyes-cypress/commands'
103
+ ```
104
+
105
+ ### Entering the Applitools API key{#API}
106
+
107
+ To authenticate via the Applitools server and run tests, you need to set the environment variable `APPLITOOLS_API_KEY` to the API key provided from Applitools Eyes. For details how to retrieve your API key, see [the Applitools documentation](/getting-started/retrieve-api-key).
108
+
109
+
110
+ #### Entering the API Key on Linux or a Mac
111
+
112
+ ```bash
113
+ export APPLITOOLS_API_KEY=<API_key>
114
+ npx cypress open
115
+ ```
116
+
117
+ #### Entering the API Key on Windows
118
+
119
+ ```bash
120
+ set APPLITOOLS_API_KEY=<API_key>
121
+ npx cypress open
122
+ ```
123
+
124
+ ### Eyes server URL {#URL}
125
+
126
+ If the Eyes server is not deployed in `https://eyes.applitools.com`, you need to set the Server URL in the environment variable `APPLITOOLS_SERVER_URL` before running tests.
127
+
128
+ The server URL of your Applitools Eyes dashboard is in the format `https://<MY_COMPANY>.applitools.com`
129
+
130
+ #### Entering the server URL on Linux or a Mac
131
+
132
+ ```bash
133
+ export APPLITOOLS_SERVER_URL=<YOUR_SERVER_URL>
134
+ ```
135
+
136
+ #### Entering the server URL on Windows
137
+
138
+ ```bash
139
+ set APPLITOOLS_SERVER_URL=<YOUR_SERVER_URL>
140
+ ```
141
+ ## Further information
142
+
143
+ For further information, see:
144
+
145
+ * [Quickstart](https://applitools.com/tutorials/sdks/cypress/quickstart)
146
+ * [Overview](https://applitools.com/tutorials/sdks/cypress)
147
+ * [Changelog](https://applitools.com/tutorials/sdks/cypress/changelog)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@applitools/eyes-cypress",
3
- "version": "3.51.0",
3
+ "version": "3.52.0",
4
4
  "homepage": "https://applitools.com/docs/api-ref/sdk-api/cypress/",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "main": "./index.js",
@@ -54,8 +54,8 @@
54
54
  "setup": "run --top-level xvfb:setup"
55
55
  },
56
56
  "dependencies": {
57
- "@applitools/core": "4.35.1",
58
- "@applitools/eyes": "1.33.2",
57
+ "@applitools/core": "4.37.0",
58
+ "@applitools/eyes": "1.34.0",
59
59
  "@applitools/functional-commons": "1.6.0",
60
60
  "@applitools/logger": "2.1.2",
61
61
  "@applitools/utils": "1.8.0",
package/types/expose.d.ts CHANGED
@@ -237,7 +237,7 @@ export type CypressCheckSettings = {
237
237
  scrollRootElement?: Element | (Selector | { selector: Selector; type?: string; shadow?: EyesSelector<Selector>; frame?: EyesSelector<Selector>; });
238
238
  fully?: boolean;
239
239
  disableBrowserFetching?: boolean;
240
- layoutBreakpoints?: boolean | Array<number> | { breakpoints: boolean | Array<number>; reload?: boolean; };
240
+ layoutBreakpoints?: boolean | Array<number> | { breakpoints: boolean | Array<number>; reload?: boolean; } | { breakpoints: boolean; heightBreakpoints: boolean; reload?: boolean; };
241
241
  visualGridOptions?: { [key: string]: any; };
242
242
  ufgOptions?: { [key: string]: any; };
243
243
  nmgOptions?: { [key: string]: any; };