@yh-ui/components 0.1.21 → 0.1.23

package/dist/notification/__tests__/notification.test.cjs

@@ -1,248 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _method = _interopRequireDefault(require("../src/method.cjs"));
-var _notification = require("../src/notification.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("Notification Constants Coverage", () => {
-  (0, _vitest.it)("should have constants defined", () => {
-    (0, _vitest.expect)(_notification.notificationTypes).toContain("success");
-    (0, _vitest.expect)(_notification.notificationPositions).toContain("top-right");
-  });
-});
-(0, _vitest.describe)("Notification \u65B9\u6CD5", () => {
-  (0, _vitest.beforeEach)(() => {
-    document.body.innerHTML = "";
-  });
-  (0, _vitest.afterEach)(() => {
-    _method.default.closeAll();
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u80FD\u521B\u5EFA\u901A\u77E5", async () => {
-    const handler = (0, _method.default)({
-      title: "\u6807\u9898",
-      message: "\u901A\u77E5\u5185\u5BB9"
-    });
-    await (0, _vue.nextTick)();
-    const notificationEl = document.querySelector(".yh-notification");
-    (0, _vitest.expect)(notificationEl).toBeTruthy();
-    (0, _vitest.expect)(notificationEl?.querySelector(".yh-notification__title")?.textContent).toBe("\u6807\u9898");
-    (0, _vitest.expect)(notificationEl?.querySelector(".yh-notification__text")?.textContent).toBe("\u901A\u77E5\u5185\u5BB9");
-    handler.close();
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u4E0D\u540C\u7C7B\u578B", async () => {
-    const successHandler = _method.default.success("\u6210\u529F", "\u64CD\u4F5C\u6210\u529F");
-    await (0, _vue.nextTick)();
-    const successEl = document.querySelector(".yh-notification--success");
-    (0, _vitest.expect)(successEl).toBeTruthy();
-    successHandler.close();
-    const errorHandler = _method.default.error("\u9519\u8BEF", "\u64CD\u4F5C\u5931\u8D25");
-    await (0, _vue.nextTick)();
-    const errorEl = document.querySelector(".yh-notification--error");
-    (0, _vitest.expect)(errorEl).toBeTruthy();
-    errorHandler.close();
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u4E0D\u540C\u4F4D\u7F6E", async () => {
-    const handler1 = (0, _method.default)({
-      title: "\u53F3\u4E0A",
-      position: "top-right"
-    });
-    await (0, _vue.nextTick)();
-    const topRightEl = document.querySelector(".yh-notification--top-right");
-    (0, _vitest.expect)(topRightEl).toBeTruthy();
-    handler1.close();
-    const handler2 = (0, _method.default)({
-      title: "\u5DE6\u4E0B",
-      position: "bottom-left"
-    });
-    await (0, _vue.nextTick)();
-    const bottomLeftEl = document.querySelector(".yh-notification--bottom-left");
-    (0, _vitest.expect)(bottomLeftEl).toBeTruthy();
-    handler2.close();
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u9ED8\u8BA4\u663E\u793A\u5173\u95ED\u6309\u94AE", async () => {
-    const handler = (0, _method.default)({
-      title: "\u6D4B\u8BD5"
-    });
-    await (0, _vue.nextTick)();
-    const closeBtn = document.querySelector(".yh-notification__close");
-    (0, _vitest.expect)(closeBtn).toBeTruthy();
-    handler.close();
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u80FD\u624B\u52A8\u5173\u95ED\u901A\u77E5", async () => {
-    const handler = (0, _method.default)({
-      title: "\u6D4B\u8BD5\u5173\u95ED"
-    });
-    await (0, _vue.nextTick)();
-    let notificationEl = document.querySelector(".yh-notification");
-    (0, _vitest.expect)(notificationEl).toBeTruthy();
-    handler.close();
-    await (0, _vue.nextTick)();
-    await new Promise(resolve => setTimeout(resolve, 300));
-    notificationEl = document.querySelector(".yh-notification");
-    (0, _vitest.expect)(notificationEl).toBeFalsy();
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u80FD\u5173\u95ED\u6240\u6709\u901A\u77E5", async () => {
-    (0, _method.default)({
-      title: "\u901A\u77E51"
-    });
-    (0, _method.default)({
-      title: "\u901A\u77E52"
-    });
-    (0, _method.default)({
-      title: "\u901A\u77E53"
-    });
-    await (0, _vue.nextTick)();
-    let notifications = document.querySelectorAll(".yh-notification");
-    (0, _vitest.expect)(notifications.length).toBe(3);
-    _method.default.closeAll();
-    await (0, _vue.nextTick)();
-    await new Promise(resolve => setTimeout(resolve, 500));
-    notifications = document.querySelectorAll(".yh-notification");
-    (0, _vitest.expect)(notifications.length).toBe(0);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 onClick \u56DE\u8C03", async () => {
-    const onClick = _vitest.vi.fn();
-    const handler = (0, _method.default)({
-      title: "\u6D4B\u8BD5\u70B9\u51FB",
-      onClick
-    });
-    await (0, _vue.nextTick)();
-    const notificationEl = document.querySelector(".yh-notification");
-    notificationEl.click();
-    (0, _vitest.expect)(onClick).toHaveBeenCalled();
-    handler.close();
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 onClose \u56DE\u8C03", async () => {
-    const onClose = _vitest.vi.fn();
-    const handler = (0, _method.default)({
-      title: "\u6D4B\u8BD5\u56DE\u8C03",
-      onClose
-    });
-    await (0, _vue.nextTick)();
-    handler.close();
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(onClose).toHaveBeenCalled();
-  });
-  (0, _vitest.it)("\u540C\u4E00\u4F4D\u7F6E\u7684\u901A\u77E5\u5E94\u8BE5\u81EA\u52A8\u8BA1\u7B97\u504F\u79FB\u91CF", async () => {
-    (0, _method.default)({
-      title: "\u901A\u77E51",
-      position: "top-right"
-    });
-    await (0, _vue.nextTick)();
-    (0, _method.default)({
-      title: "\u901A\u77E52",
-      position: "top-right"
-    });
-    await (0, _vue.nextTick)();
-    const notifications = document.querySelectorAll(".yh-notification--top-right");
-    (0, _vitest.expect)(notifications.length).toBe(2);
-    const firstTop = parseInt(notifications[0].style.top);
-    const secondTop = parseInt(notifications[1].style.top);
-    (0, _vitest.expect)(secondTop).toBeGreaterThan(firstTop);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 top-center \u4F4D\u7F6E", async () => {
-    const handler = (0, _method.default)({
-      title: "\u9876\u90E8\u5C45\u4E2D",
-      position: "top-center"
-    });
-    await (0, _vue.nextTick)();
-    const topCenterEl = document.querySelector(".yh-notification--top-center");
-    (0, _vitest.expect)(topCenterEl).toBeTruthy();
-    handler.close();
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 bottom-center \u4F4D\u7F6E", async () => {
-    const handler = (0, _method.default)({
-      title: "\u5E95\u90E8\u5C45\u4E2D",
-      position: "bottom-center"
-    });
-    await (0, _vue.nextTick)();
-    const bottomCenterEl = document.querySelector(".yh-notification--bottom-center");
-    (0, _vitest.expect)(bottomCenterEl).toBeTruthy();
-    handler.close();
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 max \u9650\u5236\u901A\u77E5\u6570\u91CF", async () => {
-    (0, _method.default)({
-      title: "\u901A\u77E51",
-      position: "top-right",
-      max: 2
-    });
-    await (0, _vue.nextTick)();
-    (0, _method.default)({
-      title: "\u901A\u77E52",
-      position: "top-right",
-      max: 2
-    });
-    await (0, _vue.nextTick)();
-    let notifications = document.querySelectorAll(".yh-notification--top-right");
-    (0, _vitest.expect)(notifications.length).toBe(2);
-    (0, _method.default)({
-      title: "\u901A\u77E53",
-      position: "top-right",
-      max: 2
-    });
-    await (0, _vue.nextTick)();
-    await new Promise(resolve => setTimeout(resolve, 350));
-    notifications = document.querySelectorAll(".yh-notification--top-right");
-    (0, _vitest.expect)(notifications.length).toBeLessThanOrEqual(2);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 VNode \u4F5C\u4E3A message", async () => {
-    const {
-      h
-    } = await Promise.resolve().then(() => require("vue"));
-    const handler = (0, _method.default)({
-      title: "VNode \u6D88\u606F",
-      message: h("p", null, [h("span", null, "Message can be "), h("i", {
-        style: "color: teal"
-      }, "VNode")])
-    });
-    await (0, _vue.nextTick)();
-    const notificationEl = document.querySelector(".yh-notification");
-    (0, _vitest.expect)(notificationEl).toBeTruthy();
-    (0, _vitest.expect)(notificationEl?.textContent).toContain("Message can be");
-    (0, _vitest.expect)(notificationEl?.textContent).toContain("VNode");
-    handler.close();
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u51FD\u6570\u5F62\u5F0F\u7684 message\uFF08\u52A8\u6001 VNode\uFF09", async () => {
-    const {
-      h,
-      ref
-    } = await Promise.resolve().then(() => require("vue"));
-    const count = ref(0);
-    const handler = (0, _method.default)({
-      title: "\u52A8\u6001\u6D88\u606F",
-      message: () => h("span", null, `Count: ${count.value}`)
-    });
-    await (0, _vue.nextTick)();
-    const notificationEl = document.querySelector(".yh-notification");
-    (0, _vitest.expect)(notificationEl).toBeTruthy();
-    (0, _vitest.expect)(notificationEl?.textContent).toContain("Count: 0");
-    handler.close();
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u8986\u76D6 Notification.vue \u7684\u5269\u4F59\u5206\u652F (\u8986\u76D6\u903B\u8F91)", async () => {
-    (0, _method.default)({
-      title: "z-index",
-      zIndex: 9999,
-      icon: "my-icon"
-    });
-    await (0, _vue.nextTick)();
-    const el = document.querySelector(".yh-notification");
-    (0, _vitest.expect)(el.style.zIndex).toBe("9999");
-    (0, _method.default)({
-      title: "html",
-      message: "<b>bold</b>",
-      dangerouslyUseHTMLString: true
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(document.body.innerHTML).toContain("<b>bold</b>");
-    const handler = (0, _method.default)({
-      title: "hover",
-      duration: 1e3
-    });
-    await (0, _vue.nextTick)();
-    const notifyEl = document.querySelector(".yh-notification");
-    await notifyEl.dispatchEvent(new MouseEvent("mouseenter"));
-    await notifyEl.dispatchEvent(new MouseEvent("mouseleave"));
-    handler.close();
-  });
-});

package/dist/notification/__tests__/notification.test.mjs

@@ -1,206 +0,0 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { nextTick } from "vue";
-import Notification from "../src/method.mjs";
-import { notificationTypes, notificationPositions } from "../src/notification.mjs";
-describe("Notification Constants Coverage", () => {
-  it("should have constants defined", () => {
-    expect(notificationTypes).toContain("success");
-    expect(notificationPositions).toContain("top-right");
-  });
-});
-describe("Notification \u65B9\u6CD5", () => {
-  beforeEach(() => {
-    document.body.innerHTML = "";
-  });
-  afterEach(() => {
-    Notification.closeAll();
-  });
-  it("\u5E94\u8BE5\u80FD\u521B\u5EFA\u901A\u77E5", async () => {
-    const handler = Notification({
-      title: "\u6807\u9898",
-      message: "\u901A\u77E5\u5185\u5BB9"
-    });
-    await nextTick();
-    const notificationEl = document.querySelector(".yh-notification");
-    expect(notificationEl).toBeTruthy();
-    expect(notificationEl?.querySelector(".yh-notification__title")?.textContent).toBe("\u6807\u9898");
-    expect(notificationEl?.querySelector(".yh-notification__text")?.textContent).toBe("\u901A\u77E5\u5185\u5BB9");
-    handler.close();
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u4E0D\u540C\u7C7B\u578B", async () => {
-    const successHandler = Notification.success("\u6210\u529F", "\u64CD\u4F5C\u6210\u529F");
-    await nextTick();
-    const successEl = document.querySelector(".yh-notification--success");
-    expect(successEl).toBeTruthy();
-    successHandler.close();
-    const errorHandler = Notification.error("\u9519\u8BEF", "\u64CD\u4F5C\u5931\u8D25");
-    await nextTick();
-    const errorEl = document.querySelector(".yh-notification--error");
-    expect(errorEl).toBeTruthy();
-    errorHandler.close();
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u4E0D\u540C\u4F4D\u7F6E", async () => {
-    const handler1 = Notification({
-      title: "\u53F3\u4E0A",
-      position: "top-right"
-    });
-    await nextTick();
-    const topRightEl = document.querySelector(".yh-notification--top-right");
-    expect(topRightEl).toBeTruthy();
-    handler1.close();
-    const handler2 = Notification({
-      title: "\u5DE6\u4E0B",
-      position: "bottom-left"
-    });
-    await nextTick();
-    const bottomLeftEl = document.querySelector(".yh-notification--bottom-left");
-    expect(bottomLeftEl).toBeTruthy();
-    handler2.close();
-  });
-  it("\u5E94\u8BE5\u9ED8\u8BA4\u663E\u793A\u5173\u95ED\u6309\u94AE", async () => {
-    const handler = Notification({
-      title: "\u6D4B\u8BD5"
-    });
-    await nextTick();
-    const closeBtn = document.querySelector(".yh-notification__close");
-    expect(closeBtn).toBeTruthy();
-    handler.close();
-  });
-  it("\u5E94\u8BE5\u80FD\u624B\u52A8\u5173\u95ED\u901A\u77E5", async () => {
-    const handler = Notification({
-      title: "\u6D4B\u8BD5\u5173\u95ED"
-    });
-    await nextTick();
-    let notificationEl = document.querySelector(".yh-notification");
-    expect(notificationEl).toBeTruthy();
-    handler.close();
-    await nextTick();
-    await new Promise((resolve) => setTimeout(resolve, 300));
-    notificationEl = document.querySelector(".yh-notification");
-    expect(notificationEl).toBeFalsy();
-  });
-  it("\u5E94\u8BE5\u80FD\u5173\u95ED\u6240\u6709\u901A\u77E5", async () => {
-    Notification({ title: "\u901A\u77E51" });
-    Notification({ title: "\u901A\u77E52" });
-    Notification({ title: "\u901A\u77E53" });
-    await nextTick();
-    let notifications = document.querySelectorAll(".yh-notification");
-    expect(notifications.length).toBe(3);
-    Notification.closeAll();
-    await nextTick();
-    await new Promise((resolve) => setTimeout(resolve, 500));
-    notifications = document.querySelectorAll(".yh-notification");
-    expect(notifications.length).toBe(0);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 onClick \u56DE\u8C03", async () => {
-    const onClick = vi.fn();
-    const handler = Notification({
-      title: "\u6D4B\u8BD5\u70B9\u51FB",
-      onClick
-    });
-    await nextTick();
-    const notificationEl = document.querySelector(".yh-notification");
-    notificationEl.click();
-    expect(onClick).toHaveBeenCalled();
-    handler.close();
-  });
-  it("\u5E94\u8BE5\u652F\u6301 onClose \u56DE\u8C03", async () => {
-    const onClose = vi.fn();
-    const handler = Notification({
-      title: "\u6D4B\u8BD5\u56DE\u8C03",
-      onClose
-    });
-    await nextTick();
-    handler.close();
-    await nextTick();
-    expect(onClose).toHaveBeenCalled();
-  });
-  it("\u540C\u4E00\u4F4D\u7F6E\u7684\u901A\u77E5\u5E94\u8BE5\u81EA\u52A8\u8BA1\u7B97\u504F\u79FB\u91CF", async () => {
-    Notification({ title: "\u901A\u77E51", position: "top-right" });
-    await nextTick();
-    Notification({ title: "\u901A\u77E52", position: "top-right" });
-    await nextTick();
-    const notifications = document.querySelectorAll(".yh-notification--top-right");
-    expect(notifications.length).toBe(2);
-    const firstTop = parseInt(notifications[0].style.top);
-    const secondTop = parseInt(notifications[1].style.top);
-    expect(secondTop).toBeGreaterThan(firstTop);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 top-center \u4F4D\u7F6E", async () => {
-    const handler = Notification({
-      title: "\u9876\u90E8\u5C45\u4E2D",
-      position: "top-center"
-    });
-    await nextTick();
-    const topCenterEl = document.querySelector(".yh-notification--top-center");
-    expect(topCenterEl).toBeTruthy();
-    handler.close();
-  });
-  it("\u5E94\u8BE5\u652F\u6301 bottom-center \u4F4D\u7F6E", async () => {
-    const handler = Notification({
-      title: "\u5E95\u90E8\u5C45\u4E2D",
-      position: "bottom-center"
-    });
-    await nextTick();
-    const bottomCenterEl = document.querySelector(".yh-notification--bottom-center");
-    expect(bottomCenterEl).toBeTruthy();
-    handler.close();
-  });
-  it("\u5E94\u8BE5\u652F\u6301 max \u9650\u5236\u901A\u77E5\u6570\u91CF", async () => {
-    Notification({ title: "\u901A\u77E51", position: "top-right", max: 2 });
-    await nextTick();
-    Notification({ title: "\u901A\u77E52", position: "top-right", max: 2 });
-    await nextTick();
-    let notifications = document.querySelectorAll(".yh-notification--top-right");
-    expect(notifications.length).toBe(2);
-    Notification({ title: "\u901A\u77E53", position: "top-right", max: 2 });
-    await nextTick();
-    await new Promise((resolve) => setTimeout(resolve, 350));
-    notifications = document.querySelectorAll(".yh-notification--top-right");
-    expect(notifications.length).toBeLessThanOrEqual(2);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 VNode \u4F5C\u4E3A message", async () => {
-    const { h } = await import("vue");
-    const handler = Notification({
-      title: "VNode \u6D88\u606F",
-      message: h("p", null, [
-        h("span", null, "Message can be "),
-        h("i", { style: "color: teal" }, "VNode")
-      ])
-    });
-    await nextTick();
-    const notificationEl = document.querySelector(".yh-notification");
-    expect(notificationEl).toBeTruthy();
-    expect(notificationEl?.textContent).toContain("Message can be");
-    expect(notificationEl?.textContent).toContain("VNode");
-    handler.close();
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u51FD\u6570\u5F62\u5F0F\u7684 message\uFF08\u52A8\u6001 VNode\uFF09", async () => {
-    const { h, ref } = await import("vue");
-    const count = ref(0);
-    const handler = Notification({
-      title: "\u52A8\u6001\u6D88\u606F",
-      message: () => h("span", null, `Count: ${count.value}`)
-    });
-    await nextTick();
-    const notificationEl = document.querySelector(".yh-notification");
-    expect(notificationEl).toBeTruthy();
-    expect(notificationEl?.textContent).toContain("Count: 0");
-    handler.close();
-  });
-  it("\u5E94\u8BE5\u8986\u76D6 Notification.vue \u7684\u5269\u4F59\u5206\u652F (\u8986\u76D6\u903B\u8F91)", async () => {
-    Notification({ title: "z-index", zIndex: 9999, icon: "my-icon" });
-    await nextTick();
-    const el = document.querySelector(".yh-notification");
-    expect(el.style.zIndex).toBe("9999");
-    Notification({ title: "html", message: "<b>bold</b>", dangerouslyUseHTMLString: true });
-    await nextTick();
-    expect(document.body.innerHTML).toContain("<b>bold</b>");
-    const handler = Notification({ title: "hover", duration: 1e3 });
-    await nextTick();
-    const notifyEl = document.querySelector(".yh-notification");
-    await notifyEl.dispatchEvent(new MouseEvent("mouseenter"));
-    await notifyEl.dispatchEvent(new MouseEvent("mouseleave"));
-    handler.close();
-  });
-});

package/dist/pagination/__tests__/pagination.ssr.test.cjs

@@ -1,61 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-var _select = require("../../select/index.cjs");
-var _input = require("../../input/index.cjs");
-(0, _vitest.describe)("Pagination SSR", () => {
-  const createTestApp = props => {
-    const app = (0, _vue.createApp)({
-      render: () => (0, _vue.h)(_index.YhPagination, props)
-    });
-    app.component("YhSelect", _select.YhSelect);
-    app.component("YhOption", _select.YhOption);
-    app.component("YhInput", _input.YhInput);
-    return app;
-  };
-  (0, _vitest.it)("should render correctly on server", async () => {
-    const app = createTestApp({
-      total: 100,
-      currentPage: 1,
-      layout: "prev, pager, next, jumper, sizes, total"
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-pagination");
-    (0, _vitest.expect)(html).toContain("yh-pagination__pager");
-    (0, _vitest.expect)(html).toContain("yh-pagination__jumper");
-    (0, _vitest.expect)(html).toContain("yh-pagination__total");
-    (0, _vitest.expect)(html).toContain("yh-pagination__sizes");
-    (0, _vitest.expect)(html).toContain("1");
-  });
-  (0, _vitest.it)("should render circle style on server", async () => {
-    const app = createTestApp({
-      total: 50,
-      circle: true
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("is-circle");
-  });
-  (0, _vitest.it)("should render small and background styles on server", async () => {
-    const app = createTestApp({
-      total: 50,
-      small: true,
-      background: true
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("is-small");
-    (0, _vitest.expect)(html).toContain("is-background");
-  });
-  (0, _vitest.it)("should render custom text on server", async () => {
-    const app = createTestApp({
-      total: 50,
-      prevText: "Previous",
-      nextText: "Next"
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("Previous");
-    (0, _vitest.expect)(html).toContain("Next");
-  });
-});

package/dist/pagination/__tests__/pagination.ssr.test.mjs

@@ -1,59 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { createApp, h } from "vue";
-import { YhPagination } from "../index.mjs";
-import { YhSelect, YhOption } from "../../select/index.mjs";
-import { YhInput } from "../../input/index.mjs";
-describe("Pagination SSR", () => {
-  const createTestApp = (props) => {
-    const app = createApp({
-      render: () => h(YhPagination, props)
-    });
-    app.component("YhSelect", YhSelect);
-    app.component("YhOption", YhOption);
-    app.component("YhInput", YhInput);
-    return app;
-  };
-  it("should render correctly on server", async () => {
-    const app = createTestApp({
-      total: 100,
-      currentPage: 1,
-      layout: "prev, pager, next, jumper, sizes, total"
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-pagination");
-    expect(html).toContain("yh-pagination__pager");
-    expect(html).toContain("yh-pagination__jumper");
-    expect(html).toContain("yh-pagination__total");
-    expect(html).toContain("yh-pagination__sizes");
-    expect(html).toContain("1");
-  });
-  it("should render circle style on server", async () => {
-    const app = createTestApp({
-      total: 50,
-      circle: true
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("is-circle");
-  });
-  it("should render small and background styles on server", async () => {
-    const app = createTestApp({
-      total: 50,
-      small: true,
-      background: true
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("is-small");
-    expect(html).toContain("is-background");
-  });
-  it("should render custom text on server", async () => {
-    const app = createTestApp({
-      total: 50,
-      prevText: "Previous",
-      nextText: "Next"
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("Previous");
-    expect(html).toContain("Next");
-  });
-});