|
109 | 109 | </actionGroup>
|
110 | 110 | <executeJS function="return parseInt(window.getComputedStyle(document.querySelector('{{ColumnOnFrontend.columnX('1')}}')).width)" stepKey="columnWidthStorefront"/>
|
111 | 111 | <executeJS function="return parseInt(window.getComputedStyle({{ButtonItemOnStorefrontEmptyLink.jsButtonSelector('1')}}).width)" stepKey="buttonWidthStorefront"/>
|
112 |
| - <assertLessThan stepKey="assertButtonSmallerThanColumnStorefront"> |
113 |
| - <expectedResult type="variable">$columnWidthStorefront</expectedResult> |
114 |
| - <actualResult type="variable">$buttonWidthStorefront</actualResult> |
115 |
| - </assertLessThan> |
| 112 | + <executeJS function="return Math.abs({$columnWidthStorefront}-{$buttonWidthStorefront})" stepKey="buttonWidthStorefrontDifference"/> |
| 113 | + <assertLessThanOrEqual stepKey="assertButtonSmallerThanColumnStorefront"> |
| 114 | + <expectedResult type="int">1</expectedResult> |
| 115 | + <actualResult type="variable">$buttonWidthStorefrontDifference</actualResult> |
| 116 | + </assertLessThanOrEqual> |
116 | 117 | <!-- Validate Storefront Mobile: Initial -->
|
117 | 118 | <comment userInput="Validate Storefront Mobile: Initial" stepKey="commentValidateStorefrontMobile1"/>
|
118 | 119 | <resizeWindow width="375" height="667" stepKey="resizeWindowToMobile1"/>
|
|
122 | 123 | </actionGroup>
|
123 | 124 | <executeJS function="return parseInt(window.getComputedStyle(document.querySelector('{{ColumnOnFrontend.columnX('1')}}')).width)" stepKey="columnWidthStorefrontMobile"/>
|
124 | 125 | <executeJS function="return parseInt(window.getComputedStyle({{ButtonItemOnStorefrontEmptyLink.jsButtonSelector('1')}}).width)" stepKey="buttonWidthStorefrontMobile"/>
|
125 |
| - <assertLessThan stepKey="assertButtonSmallerThanColumnStorefrontMobile"> |
126 |
| - <expectedResult type="variable">$columnWidthStorefrontMobile</expectedResult> |
127 |
| - <actualResult type="variable">$buttonWidthStorefrontMobile</actualResult> |
128 |
| - </assertLessThan> |
| 126 | + <executeJS function="return Math.abs({$columnWidthStorefrontMobile}-{$buttonWidthStorefrontMobile})" stepKey="buttonWidthMobileDifference"/> |
| 127 | + <assertLessThanOrEqual stepKey="assertButtonSmallerThanColumnStorefrontMobile"> |
| 128 | + <expectedResult type="int">1</expectedResult> |
| 129 | + <actualResult type="variable">$buttonWidthMobileDifference</actualResult> |
| 130 | + </assertLessThanOrEqual> |
129 | 131 | <resizeWindow width="1280" height="1024" stepKey="resizeWindowToDesktop1"/>
|
130 | 132 | <!-- Resize Column: Large -->
|
131 | 133 | <comment userInput="Resize Column: Large" stepKey="commentResize1"/>
|
|
181 | 183 | </actionGroup>
|
182 | 184 | <executeJS function="return parseInt(window.getComputedStyle(document.querySelector('{{ColumnOnFrontend.columnX('1')}}')).width)" stepKey="columnWidthStorefrontMobile2"/>
|
183 | 185 | <executeJS function="return parseInt(window.getComputedStyle({{ButtonItemOnStorefrontEmptyLink.jsButtonSelector('1')}}).width)" stepKey="buttonWidthStorefrontMobile2"/>
|
184 |
| - <assertLessThan stepKey="assertButtonSmallerThanColumnStorefrontMobile2"> |
185 |
| - <expectedResult type="variable">$columnWidthStorefrontMobile2</expectedResult> |
186 |
| - <actualResult type="variable">$buttonWidthStorefrontMobile2</actualResult> |
187 |
| - </assertLessThan> |
| 186 | + <executeJS function="return Math.abs({$columnWidthStorefrontMobile2}-{$buttonWidthStorefrontMobile2})" stepKey="buttonWidthMobileDifference2"/> |
| 187 | + <assertLessThanOrEqual stepKey="assertButtonSmallerThanColumnStorefrontMobile2"> |
| 188 | + <expectedResult type="int">1</expectedResult> |
| 189 | + <actualResult type="variable">$buttonWidthMobileDifference2</actualResult> |
| 190 | + </assertLessThanOrEqual> |
188 | 191 | <resizeWindow width="1280" height="1024" stepKey="resizeWindowToDesktop2"/>
|
189 | 192 | <!-- Move Buttons to Small Column -->
|
190 | 193 | <comment userInput="Move Buttons to Small Column" stepKey="moveButtons"/>
|
|
222 | 225 | </actionGroup>
|
223 | 226 | <executeJS function="return parseInt(window.getComputedStyle(document.querySelector('{{ColumnOnFrontend.columnX('2')}}')).width)" stepKey="columnWidthStorefront3"/>
|
224 | 227 | <executeJS function="return parseInt(window.getComputedStyle({{ButtonItemOnStorefrontEmptyLink.jsButtonSelector('1')}}).width)" stepKey="buttonWidthStorefront3"/>
|
225 |
| - <assertLessThan stepKey="assertButtonSmallerThanColumnStorefront3"> |
226 |
| - <expectedResult type="variable">$columnWidthStorefront3</expectedResult> |
227 |
| - <actualResult type="variable">$buttonWidthStorefront3</actualResult> |
228 |
| - </assertLessThan> |
| 228 | + <executeJS function="return Math.abs({$columnWidthStorefront3}-{$buttonWidthStorefront3})" stepKey="buttonWidthStorefrontDifference3"/> |
| 229 | + <assertLessThanOrEqual stepKey="assertButtonSmallerThanColumnStorefront3"> |
| 230 | + <expectedResult type="int">1</expectedResult> |
| 231 | + <actualResult type="variable">$buttonWidthStorefrontDifference3</actualResult> |
| 232 | + </assertLessThanOrEqual> |
229 | 233 | <!-- Validate Storefront Mobile: Small Column -->
|
230 | 234 | <comment userInput="Validate Storefront Mobile: Small Column" stepKey="commentValidateStorefrontMobile3"/>
|
231 | 235 | <resizeWindow width="375" height="667" stepKey="resizeWindowToMobile3"/>
|
|
235 | 239 | </actionGroup>
|
236 | 240 | <executeJS function="return parseInt(window.getComputedStyle(document.querySelector('{{ColumnOnFrontend.columnX('2')}}')).width)" stepKey="columnWidthStorefrontMobile3"/>
|
237 | 241 | <executeJS function="return parseInt(window.getComputedStyle({{ButtonItemOnStorefrontEmptyLink.jsButtonSelector('1')}}).width)" stepKey="buttonWidthStorefrontMobile3"/>
|
238 |
| - <assertLessThan stepKey="assertButtonSmallerThanColumnStorefrontMobile3"> |
239 |
| - <expectedResult type="variable">$columnWidthStorefrontMobile3</expectedResult> |
240 |
| - <actualResult type="variable">$buttonWidthStorefrontMobile3</actualResult> |
241 |
| - </assertLessThan> |
| 242 | + <executeJS function="return Math.abs({$columnWidthStorefrontMobile3}-{$buttonWidthStorefrontMobile3})" stepKey="buttonWidthMobileDifference3"/> |
| 243 | + <assertLessThanOrEqual stepKey="assertButtonSmallerThanColumnStorefrontMobile3"> |
| 244 | + <expectedResult type="int">1</expectedResult> |
| 245 | + <actualResult type="variable">$buttonWidthMobileDifference3</actualResult> |
| 246 | + </assertLessThanOrEqual> |
242 | 247 | <resizeWindow width="1280" height="1024" stepKey="resizeWindowToDesktop3"/>
|
243 | 248 | </test>
|
244 | 249 | </tests>
|
0 commit comments