refactor: remove imported multiple times (#1040)

Co-authored-by: Wim Selles <wim@wswebcreation.nl>

Author: noritaka1166

packages/image-comparison-core/src/helpers/options.ts

@@ -8,9 +8,8 @@ import {
 } from './constants.js'
 import type { ClassOptions, DefaultOptions } from './options.interfaces.js'
 import type { MethodImageCompareCompareOptions, ScreenMethodImageCompareCompareOptions } from '../methods/images.interfaces.js'
-import type { BeforeScreenshotOptions } from './beforeScreenshot.interfaces.js'
+import type { BeforeScreenshotOptions, BeforeScreenshotResult } from './beforeScreenshot.interfaces.js'
 import type { AfterScreenshotOptions } from './afterScreenshot.interfaces.js'
-import type { BeforeScreenshotResult } from './beforeScreenshot.interfaces.js'
 import type { InstanceData } from '../methods/instanceData.interfaces.js'
 import type { ComparisonIgnoreOption } from '../resemble/compare.interfaces.js'
 import {

packages/image-comparison-core/src/helpers/utils.interfaces.ts

@@ -1,6 +1,5 @@
-import type { BaseCoordinates, BaseDimensions, FilePaths, FolderPaths } from '../base.interfaces.js'
+import type { BaseCoordinates, BaseDimensions, FilePaths, FolderPaths, Folders } from '../base.interfaces.js'
 import type { DeviceRectangles } from '../methods/rectangles.interfaces.js'
-import type { Folders } from '../base.interfaces.js'
 
 export interface GetAndCreatePathOptions {
     /** The name of the browser */

packages/image-comparison-core/src/methods/createCompareReport.test.ts

@@ -2,8 +2,7 @@ import { describe, it, expect, vi, beforeEach } from 'vitest'
 import { writeFileSync, readFileSync } from 'node:fs'
 import { createCompareReport, createJsonReportIfNeeded } from './createCompareReport.js'
 import type { CompareData } from '../resemble/compare.interfaces.js'
-import type { BoundingBox } from './rectangles.interfaces.js'
-import type { IgnoreBoxes } from './rectangles.interfaces.js'
+import type { BoundingBox, IgnoreBoxes } from './rectangles.interfaces.js'
 import type { BaseDimensions } from '../base.interfaces.js'
 import { getBase64ScreenshotSize } from '../helpers/utils.js'
 

packages/image-comparison-core/src/methods/images.executeImageCompare.test.ts

@@ -1,8 +1,7 @@
 import { describe, it, expect, beforeEach, vi, afterEach } from 'vitest'
 import { join } from 'node:path'
 import logger from '@wdio/logger'
-import { promises as fsPromises } from 'node:fs'
-import { readFileSync, writeFileSync } from 'node:fs'
+import { promises as fsPromises, readFileSync, writeFileSync } from 'node:fs'
 import * as utils from '../helpers/utils.js'
 import * as rectangles from './rectangles.js'
 import * as processDiffPixels from './processDiffPixels.js'

packages/image-comparison-core/src/methods/images.interfaces.ts

@@ -1,7 +1,6 @@
-import type { RectanglesOutput } from './rectangles.interfaces.js'
+import type { RectanglesOutput, DeviceRectangles } from './rectangles.interfaces.js'
 import type { BaseCoordinates, BaseDeviceInfo, BaseDimensions, BaseImageCompareOptions, BaseMobileBlockOutOptions, Folders } from '../base.interfaces.js'
 import type { TestContext } from './compareReport.interfaces.js'
-import type { DeviceRectangles } from './rectangles.interfaces.js'
 import type { WicElement } from 'src/index.js'
 
 export interface ResizeDimensions {

packages/image-comparison-core/src/methods/images.ts

@@ -1,6 +1,5 @@
 import { fileURLToPath } from 'node:url'
-import { readFileSync, writeFileSync } from 'node:fs'
-import { promises as fsPromises, constants } from 'node:fs'
+import { readFileSync, writeFileSync, promises as fsPromises, constants } from 'node:fs'
 import { dirname, join } from 'node:path'
 import { Jimp, JimpMime } from 'jimp'
 import logger from '@wdio/logger'

packages/image-comparison-core/src/methods/processDiffPixels.ts

@@ -46,8 +46,7 @@
 
 import logger from '@wdio/logger'
 import type { Pixel, WicImageCompareOptions } from 'src/methods/images.interfaces.js'
-import type { BoundingBox } from './rectangles.interfaces.js'
-import type { IgnoreBoxes } from './rectangles.interfaces.js'
+import type { BoundingBox, IgnoreBoxes } from './rectangles.interfaces.js'
 import type { CompareData } from '../resemble/compare.interfaces.js'
 import { saveBase64Image, addBlockOuts } from './images.js'
 

packages/image-comparison-core/src/methods/screenshots.interfaces.ts

@@ -1,5 +1,4 @@
-import type { DeviceRectangles } from './rectangles.interfaces.js'
-import type { RectanglesOutput } from './rectangles.interfaces.js'
+import type { DeviceRectangles, RectanglesOutput } from './rectangles.interfaces.js'
 
 // === UNIVERSAL BASE INTERFACES ===
 

packages/visual-reporter/app/components/SelectHeader.tsx

@@ -1,8 +1,6 @@
 'use client'
 
-import type { MultiValue, SingleValue, StylesConfig } from 'react-select'
-import { components } from 'react-select'
-import Select from 'react-select'
+import Select, { components, type MultiValue, type SingleValue, type StylesConfig } from 'react-select'
 import type {
     OptionType,
     SelectedOptions,

packages/visual-service/tests/reporter.test.ts

@@ -1,7 +1,6 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
 import fs from 'node:fs'
-import path from 'node:path'
-import { join } from 'node:path'
+import path, { join } from 'node:path'
 import logger from '@wdio/logger'
 import VisualReportGenerator from '../src/reporter.js'
 import { jsonFileContent } from './reporter.tests.mockdata.js'