GetCldOgImageUrl Tests

Author: sccalabr

packages/svelte-cloudinary/tests/GetCldOgImageUrl/GetCldOgImageUrl.test.ts

@@ -0,0 +1,31 @@
+import { render, screen, cleanup } from '@testing-library/svelte';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { CldImage, getCldOgImageUrl } from '$src/index';
+import { tick } from 'svelte';
+
+describe('getCldOgImageUrl', () => {
+	afterEach(() => {
+		cleanup();
+	});
+
+	it('should render a Cloudinary image with the given attributes', () => {
+		const url = getCldOgImageUrl({
+			src: 'images/turtle.jpeg',
+		})
+		console.log(url)
+		render(CldImage, {
+			props: {
+				src: 'turtle',
+				alt: 'turtle image',
+				width: 500,
+				height: 300,
+			},
+		});
+
+		const img: HTMLImageElement = screen.getByRole('img');
+
+		expect(img.src).toContain('https://res.cloudinary.com');
+		expect(img.src).toContain('w_300');
+		expect(img.src).toContain('h_200');
+	});
+});