fix: unit tests

Author: wangdicoder

components/_utils/use-theme.ts

@@ -49,7 +49,7 @@ function setThemeMode(next: ThemeMode): void {
 }
 
 // Listen for system preference changes at module level
-if (typeof window !== 'undefined') {
+if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {
   window
     .matchMedia('(prefers-color-scheme: dark)')
     .addEventListener('change', () => {

components/table/__tests__/__snapshots__/table.test.tsx.snap

@@ -97,6 +97,69 @@ exports[`<Table /> should match the snapshot 1`] = `
         </tbody>
       </table>
     </div>
+    <nav
+      aria-label="Pagination"
+      class="ty-pagination ty-pagination_right ty-pagination_md"
+      style="padding: 16px 0px;"
+    >
+      <ul
+        class="ty-pagination__list"
+      >
+        <li
+          class="ty-pagination__item ty-pagination__item_disabled"
+        >
+          <button
+            aria-label="Previous page"
+            disabled=""
+            type="button"
+          >
+            <svg
+              class="ty-pagination__left-arrow"
+              height="12"
+              viewBox="0 0 1024 1024"
+              width="12"
+            >
+              <path
+                d="M472.064 751.552 72.832 352.32c-22.08-22.08-22.08-57.792 0-79.872 22.016-22.016 57.792-22.08 79.872 0L512 631.744l359.296-359.296c22.016-22.016 57.792-22.08 79.872 0 22.08 22.08 22.016 57.792 0 79.872l-399.232 399.232C529.856 773.568 494.144 773.568 472.064 751.552z"
+                fill="currentcolor"
+              />
+            </svg>
+          </button>
+        </li>
+        <li
+          class="ty-pagination__item ty-pagination__item_active"
+        >
+          <button
+            aria-current="page"
+            aria-label="Page 1"
+            type="button"
+          >
+            1
+          </button>
+        </li>
+        <li
+          class="ty-pagination__item ty-pagination__item_disabled"
+        >
+          <button
+            aria-label="Next page"
+            disabled=""
+            type="button"
+          >
+            <svg
+              class="ty-pagination__right-arrow"
+              height="12"
+              viewBox="0 0 1024 1024"
+              width="12"
+            >
+              <path
+                d="M472.064 751.552 72.832 352.32c-22.08-22.08-22.08-57.792 0-79.872 22.016-22.016 57.792-22.08 79.872 0L512 631.744l359.296-359.296c22.016-22.016 57.792-22.08 79.872 0 22.08 22.08 22.016 57.792 0 79.872l-399.232 399.232C529.856 773.568 494.144 773.568 472.064 751.552z"
+                fill="currentcolor"
+              />
+            </svg>
+          </button>
+        </li>
+      </ul>
+    </nav>
   </div>
 </DocumentFragment>
 `;