import { describe, it, expect } from 'vitest'
import { imageLoader } from './imageLoader'
describe('imageLoader', () => {
  it('should generate the correct image URL for absolute URLs', () => {
    const loader = imageLoader({ dimensions: { width: 800, height: 600 } })
    const url = loader({
      quality: 80,
      src: 'https://example.com/image.jpg',
      width: 800,
    })

    expect(url).toBe(
      'https://img.scandichotels.com/.netlify/images?url=https://example.com/image.jpg&w=800&q=80'
    )
  })

  it('should generate the correct image URL for relative URLs', () => {
    const loader = imageLoader({ dimensions: { width: 800, height: 600 } })
    const url = loader({
      quality: 80,
      src: '/image.jpg',
      width: 800,
    })

    expect(url).toBe('/image.jpg?w=800&q=80')
  })

  it('should compensate for landscape 3:2 images', () => {
    const loader = imageLoader({ dimensions: { width: 6000, height: 4000 } })
    const url = loader({
      src: '/image.jpg',
      width: 400,
    })

    expect(url).toBe('/image.jpg?w=600')
  })

  it('should compensate for landscape ~3:2 images', () => {
    const loader = imageLoader({ dimensions: { width: 7952, height: 5304 } })
    const url = loader({
      src: '/image.jpg',
      width: 400,
    })

    expect(url).toBe('/image.jpg?w=600')
  })

  it('should compensate for standing 2:3 images', () => {
    const loader = imageLoader({ dimensions: { width: 4000, height: 6000 } })
    const url = loader({
      src: '/image.jpg',
      width: 800,
    })

    expect(url).toBe('/image.jpg?w=800')
  })

  it('should compensate for landscape 2:1 images', () => {
    const loader = imageLoader({ dimensions: { width: 2000, height: 1000 } })
    const url = loader({
      src: '/image.jpg',
      width: 800,
    })

    // used to fetch an image 800x400 image but we, probably, render it with a height of 533

    expect(url).toBe('/image.jpg?w=1200')
  })
})