Michael TelatynskiandGitHub
bbec915fb0
* Fix type imports * Fix jsdoc * Fixup types * Fix stray awaits on non-thenables * Fixup imports * Fix splats * Fix this-context on callbacks * Memoise react contexts * Prefer find/flatMap * Make oxlint happier about our React keys * Avoid unsafe default function params * Fixup jsdoc * Fixup contexts * Switch from eslint to oxlint * Some oxlint-related tweaks * Iterate * Partial revert to defer some changes and shrink diff * Iterate * Add eslint-plugin-element-call and enable the copyright rule * Set strictStorePkgContentCheck * Iterate * Enable forwardRef oxlint rule * Enable no-unused-vars oxlint rule * Enable no-implied-eval oxlint rule * Enable no-duplicate-type-constituents oxlint rule * Enable explicit-length-check oxlint rule * Enable prefer-number-properties oxlint rule * Enable no-callback-in-promise oxlint rule * Enable no-require-imports oxlint rule * Remove disablement of most unicorn oxlint rules * Enable no-conditional-tests oxlint rule * Enable promise-valid-params oxlint rule * Enable require-unicode-regexp oxlint rule * Remove max-len comments as we use oxfmt for formatting * Enable majority of oxlint `suspicious` rules * Iterate * Fix oxlint type-aware lint running without dependencies built
33 lines
1.4 KiB
TypeScript
33 lines
1.4 KiB
TypeScript
// Copyright 2024 New Vector Ltd.
|
|
// Copyright 2023 The Matrix.org Foundation C.I.C.
|
|
//
|
|
// SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
// Please see LICENSE files in the repository root for full details.
|
|
|
|
import { render, waitFor } from "jest-matrix-react";
|
|
import hljs, { type HighlightOptions } from "highlight.js";
|
|
import React from "react";
|
|
|
|
import SyntaxHighlight from "../../../../../src/components/views/elements/SyntaxHighlight";
|
|
|
|
describe("<SyntaxHighlight />", () => {
|
|
it("renders", async () => {
|
|
const { container } = render(
|
|
<SyntaxHighlight language="javascript">console.log("Hello, World!");</SyntaxHighlight>,
|
|
);
|
|
await waitFor(() => expect(container.querySelector(".language-javascript")).toBeTruthy());
|
|
expect(container).toMatchSnapshot();
|
|
});
|
|
|
|
it.each(["json", "javascript", "css"])("uses the provided language", async (lang) => {
|
|
const mock = jest.spyOn(hljs, "highlight");
|
|
|
|
// oxlint-disable-next-line react/jsx-no-comment-textnodes
|
|
const { container } = render(<SyntaxHighlight language={lang}>// Hello, World</SyntaxHighlight>);
|
|
await waitFor(() => expect(container.querySelector(`.language-${lang}`)).toBeTruthy());
|
|
|
|
const [, opts] = mock.mock.lastCall!;
|
|
expect((opts as unknown as HighlightOptions)["language"]).toBe(lang);
|
|
});
|
|
});
|