Commit e5c23f9f authored by Kim, Hyeonseo's avatar Kim, Hyeonseo
Browse files

Add tests for getFaviconUrl function

parent 291489ef

cli/node.test.ts

0 → 100644
+107 −0
Original line number Diff line number Diff line 
import { assertEquals } from "@std/assert";

import fetchMock from "fetch-mock";

import { getFaviconUrl } from "./node.ts";



const HTML_WITH_SMALL_ICON = `

<!DOCTYPE html>

<html>

<head>

  <title>Test Site</title>

  <link rel="icon" href="/favicon.ico" sizes="32x32">

  <link rel="apple-touch-icon" href="/apple-touch-icon.png">

  </head>

<body>Test</body>

</html>

`;



Deno.test("getFaviconUrl - small favicon.ico and apple-touch-icon.png", async () => {

  fetchMock.spyGlobal();



  fetchMock.get("https://example.com/", {

    body: HTML_WITH_SMALL_ICON,

    headers: { "Content-Type": "text/html" },

  });



  const result = await getFaviconUrl("https://example.com/");

  console.log(result);

  assertEquals(result.href, "https://example.com/apple-touch-icon.png");



  fetchMock.hardReset();

});



const HTML_WITH_ICON = `

<!DOCTYPE html>

<html>

<head>

  <title>Test Site</title>

  <link rel="icon" href="/favicon.ico" sizes="64x64">

  <link rel="apple-touch-icon" href="/apple-touch-icon.png">

  </head>

<body>Test</body>

</html>

`;



Deno.test("getFaviconUrl - favicon.ico and apple-touch-icon.png", async () => {

  fetchMock.spyGlobal();



  fetchMock.get("https://example.com/", {

    body: HTML_WITH_ICON,

    headers: { "Content-Type": "text/html" },

  });



  const result = await getFaviconUrl("https://example.com/");

  console.log(result);

  assertEquals(result.href, "https://example.com/favicon.ico");



  fetchMock.hardReset();

});



const HTML_WITH_SVG_ONLY = `

<!DOCTYPE html>

<html>

<head>

  <title>Test Site</title>

  <link rel="icon" href="/icon.svg" type="image/svg+xml">  

  </head>

<body>Test</body>

</html>

`;



Deno.test("getFaviconUrl - svg icons only falls back to /favicon.ico", async () => {

  fetchMock.spyGlobal();



  fetchMock.get("https://example.com/", {

    body: HTML_WITH_SVG_ONLY,

    headers: { "Content-Type": "text/html" },

  });



  const result = await getFaviconUrl("https://example.com/");

  console.log(result);

  assertEquals(result.href, "https://example.com/favicon.ico");



  fetchMock.hardReset();

});



const HTML_WITHOUT_ICON = `

<!DOCTYPE html>

<html>

<head>

  <title>Test Site</title>

</head>

<body>Test</body>

</html>

`;



Deno.test("getFaviconUrl - falls back to /favicon.ico", async () => {

  fetchMock.spyGlobal();



  fetchMock.get("https://example.com/", {

    body: HTML_WITHOUT_ICON,

    headers: { "Content-Type": "text/html" },

  });



  const result = await getFaviconUrl("https://example.com/");

  assertEquals(result.href, "https://example.com/favicon.ico");



  fetchMock.hardReset();

});

cli/node.ts

+1 −1
Original line number Diff line number Diff line
@@ -221,7 +221,7 @@ const LINK_REGEXP = 
  /<link((?:\s+(?:[-a-z]+)=(?:"[^"]*"|'[^']*'|[^\s]+))*)\s*\/?>/ig;

const LINK_ATTRS_REGEXP = /(?:\s+([-a-z]+)=("[^"]*"|'[^']*'|[^\s]+))/ig;



async function getFaviconUrl(

export async function getFaviconUrl(

  url: string | URL,

  userAgent?: string,

): Promise<URL> {