test: add checkWebElement

fix some styling

Author: wswebcreation

packages/image-comparison-core/src/commands/__snapshots__/checkWebElement.test.ts.snap

@@ -16,7 +16,6 @@ vi.mock('../helpers/options.js', () => ({
         scaleImagesToSameSize: false,
     })
 }))
-
 vi.mock('../methods/images.js', () => ({
     executeImageCompare: vi.fn().mockResolvedValue({
         fileName: 'test-result.png',
@@ -26,7 +25,6 @@ vi.mock('../methods/images.js', () => ({
         isAboveTolerance: false,
     })
 }))
-
 vi.mock('./saveAppElement.js', () => ({
     default: vi.fn().mockResolvedValue({
         devicePixelRatio: 2,

packages/image-comparison-core/src/commands/checkAppElement.test.ts

@@ -3,7 +3,6 @@ import checkAppScreen from './checkAppScreen.js'
 import type { InternalCheckScreenMethodOptions } from './check.interfaces.js'
 import { BASE_CHECK_OPTIONS } from '../mocks/mocks.js'
 
-// Mock the dependencies
 vi.mock('../helpers/options.js', () => ({
     screenMethodCompareOptions: vi.fn().mockReturnValue({
         ignoreAlpha: false,
@@ -17,7 +16,6 @@ vi.mock('../helpers/options.js', () => ({
         scaleImagesToSameSize: false,
     })
 }))
-
 vi.mock('../methods/images.js', () => ({
     executeImageCompare: vi.fn().mockResolvedValue({
         fileName: 'test-result.png',
@@ -27,7 +25,6 @@ vi.mock('../methods/images.js', () => ({
         isAboveTolerance: false,
     })
 }))
-
 vi.mock('../methods/rectangles.js', () => ({
     determineIgnoreRegions: vi.fn().mockResolvedValue([
         { x: 0, y: 0, width: 100, height: 100 }
@@ -36,7 +33,6 @@ vi.mock('../methods/rectangles.js', () => ({
         { x: 0, y: 0, width: 50, height: 50 }
     ])
 }))
-
 vi.mock('./saveAppScreen.js', () => ({
     default: vi.fn().mockResolvedValue({
         devicePixelRatio: 2,
@@ -186,7 +182,6 @@ describe('checkAppScreen', () => {
         const mockElement1 = { elementId: 'hide-element', selector: '#hide' } as any
         const mockElement2 = { elementId: 'remove-element', selector: '#remove' } as any
         const mockElement3 = { elementId: 'ignore-element', selector: '#ignore' } as any
-
         const options = {
             ...baseOptions,
             checkScreenOptions: {
@@ -210,7 +205,6 @@ describe('checkAppScreen', () => {
         const mockElement1 = { elementId: 'hide-element', selector: '#hide' } as any
         const mockElement2 = { elementId: 'remove-element', selector: '#remove' } as any
         const mockElement3 = { elementId: 'ignore-element', selector: '#ignore' } as any
-
         const options = {
             ...baseOptions,
             checkScreenOptions: {

packages/image-comparison-core/src/commands/checkAppScreen.test.ts

@@ -4,7 +4,6 @@ import type { InternalCheckElementMethodOptions } from './check.interfaces.js'
 import type { WicElement } from './element.interfaces.js'
 import { BASE_CHECK_OPTIONS } from '../mocks/mocks.js'
 
-// Mock the dependencies
 vi.mock('./checkAppElement.js', () => ({
     default: vi.fn().mockResolvedValue({
         fileName: 'test-app-element.png',
@@ -14,7 +13,6 @@ vi.mock('./checkAppElement.js', () => ({
         isAboveTolerance: false,
     })
 }))
-
 vi.mock('./checkWebElement.js', () => ({
     default: vi.fn().mockResolvedValue({
         fileName: 'test-web-element.png',
@@ -71,7 +69,6 @@ describe('checkElement', () => {
             ...baseOptions,
             isNativeContext: false
         }
-
         const result = await checkElement(options)
 
         expect(result).toMatchSnapshot()

packages/image-comparison-core/src/commands/checkElement.test.ts

@@ -3,7 +3,6 @@ import checkFullPageScreen from './checkFullPageScreen.js'
 import type { InternalCheckFullPageMethodOptions } from './check.interfaces.js'
 import { BASE_CHECK_OPTIONS } from '../mocks/mocks.js'
 
-// Mock the dependencies
 vi.mock('../helpers/options.js', () => ({
     methodCompareOptions: vi.fn().mockReturnValue({
         ignoreAlpha: false,
@@ -153,7 +152,6 @@ describe('checkFullPageScreen', () => {
     it('should handle hideElements and removeElements correctly', async () => {
         const mockElement1 = { elementId: 'hide-element', selector: '#hide' } as any
         const mockElement2 = { elementId: 'remove-element', selector: '#remove' } as any
-
         const options = {
             ...baseOptions,
             checkFullPageOptions: {
@@ -173,7 +171,6 @@ describe('checkFullPageScreen', () => {
 
     it('should handle hideAfterFirstScroll correctly', async () => {
         const mockElement = { elementId: 'hide-element', selector: '#hide' } as any
-
         const options = {
             ...baseOptions,
             checkFullPageOptions: {

packages/image-comparison-core/src/commands/checkFullPageScreen.test.ts

@@ -3,7 +3,6 @@ import checkScreen from './checkScreen.js'
 import type { InternalCheckScreenMethodOptions } from './check.interfaces.js'
 import { BASE_CHECK_OPTIONS } from '../mocks/mocks.js'
 
-// Mock the dependencies
 vi.mock('./checkAppScreen.js', () => ({
     default: vi.fn().mockResolvedValue({
         fileName: 'test-app-screen.png',
@@ -13,7 +12,6 @@ vi.mock('./checkAppScreen.js', () => ({
         isAboveTolerance: false,
     })
 }))
-
 vi.mock('./checkWebScreen.js', () => ({
     default: vi.fn().mockResolvedValue({
         fileName: 'test-web-screen.png',

packages/image-comparison-core/src/commands/checkScreen.test.ts

@@ -3,15 +3,12 @@ import checkTabbablePage from './checkTabbablePage.js'
 import type { InternalCheckTabbablePageMethodOptions } from './check.interfaces.js'
 import { BASE_CHECK_OPTIONS } from '../mocks/mocks.js'
 
-// Mock the dependencies
 vi.mock('../clientSideScripts/drawTabbableOnCanvas.js', () => ({
     default: vi.fn()
 }))
-
 vi.mock('../clientSideScripts/removeElementFromDom.js', () => ({
     default: vi.fn()
 }))
-
 vi.mock('./checkFullPageScreen.js', () => ({
     default: vi.fn().mockResolvedValue({
         fileName: 'test-tabbable.png',