Skip to content

Commit

Permalink
[react-syntax-highlighter] update test file
Browse files Browse the repository at this point in the history
  • Loading branch information
0753Ljuc committed Apr 26, 2024
1 parent f99c768 commit eee31ab
Showing 1 changed file with 48 additions and 8 deletions.
56 changes: 48 additions & 8 deletions types/react-syntax-highlighter/react-syntax-highlighter-tests.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,54 @@ import createElement from "react-syntax-highlighter/dist/esm/create-element";
import javascript from "react-syntax-highlighter/dist/esm/languages/hljs/javascript";
import PrismSyntaxHighlighter from "react-syntax-highlighter/dist/esm/prism";
import { docco } from "react-syntax-highlighter/dist/esm/styles/hljs";
import { coldarkCold, coldarkDark, oneDark, oneLight } from "react-syntax-highlighter/dist/esm/styles/prism";
import {
a11yDark,
atomDark,
base16AteliersulphurpoolLight,
cb,
coldarkCold,
coldarkDark,
coy,
coyWithoutShadows,
darcula,
dark,
dracula,
duotoneDark,
duotoneEarth,
duotoneForest,
duotoneLight,
duotoneSea,
duotoneSpace,
funky,
ghcolors,
gruvboxDark,
gruvboxLight,
holiTheme,
hopscotch,
lucario,
materialDark,
materialLight,
materialOceanic,
nightOwl,
nord,
okaidia,
oneDark,
oneLight,
pojoaque,
prism,
shadesOfPurple,
solarizedDarkAtom,
solarizedlight,
synthwave84,
tomorrow,
twilight,
vs,
vscDarkPlus,
xonokai,
zTouch,
// @ts-expect-error
foo,
} from "react-syntax-highlighter/dist/esm/styles/prism";

const codeString = `class CPP {
private year: number;
Expand Down Expand Up @@ -128,7 +175,6 @@ const TestComponent: React.FC = () => <div>Hello world</div>;
<PrismLightHighlighter style={oneDarkCjs}>{codeString}</PrismLightHighlighter>;
<PrismLightHighlighter style={oneLightCjs}>{codeString}</PrismLightHighlighter>;
<PrismLightHighlighter style={{ keyword: { color: "red" } }}>{codeString}</PrismLightHighlighter>;
// @ts-expect-error
<PrismLightHighlighter style={{ color: "red" }}>{codeString}</PrismLightHighlighter>;

// Test `children`
Expand All @@ -142,12 +188,10 @@ const TestComponent: React.FC = () => <div>Hello world</div>;

// Test `customStyle`
<PrismLightHighlighter customStyle={{ color: "red" }}>{codeString}</PrismLightHighlighter>;
// @ts-expect-error
<PrismLightHighlighter customStyle={{ keyword: { color: "red" } }}>{codeString}</PrismLightHighlighter>;

// Test `codeTagProps`
<PrismLightHighlighter codeTagProps={{ className: "some-classname" }}>{codeString}</PrismLightHighlighter>;
// @ts-expect-error
<PrismLightHighlighter codeTagProps={{ style: "color:red;" }}>{codeString}</PrismLightHighlighter>;

// Test `startingLineNumber`
Expand All @@ -157,7 +201,6 @@ const TestComponent: React.FC = () => <div>Hello world</div>;

// Test `lineNumberContainerStyle`
<PrismLightHighlighter lineNumberContainerStyle={{ color: "red" }}>{codeString}</PrismLightHighlighter>;
// @ts-expect-error
<PrismLightHighlighter lineNumberContainerStyle={{ keyword: { color: "red" } }}>{codeString}</PrismLightHighlighter>;

// Test `lineNumberStyle`
Expand All @@ -170,12 +213,10 @@ const TestComponent: React.FC = () => <div>Hello world</div>;
>
{codeString}
</PrismLightHighlighter>;
// @ts-expect-error
<PrismLightHighlighter lineNumberStyle={{ keyword: { color: "red" } }}>{codeString}</PrismLightHighlighter>;

// Test `lineProps`
<PrismLightHighlighter lineProps={{ className: "some-classname" }}>{codeString}</PrismLightHighlighter>;
// @ts-expect-error
<PrismLightHighlighter lineProps={{ style: "color:red;" }}>{codeString}</PrismLightHighlighter>;

// Test `renderer`
Expand Down Expand Up @@ -260,7 +301,6 @@ createElement({
createElement({ ...correctCreateElementProps, stylesheet: undefined });
// @ts-expect-error
createElement({ ...correctCreateElementProps, stylesheet: "" });
// @ts-expect-error
createElement({ ...correctCreateElementProps, style: "color:red;" });
// @ts-expect-error
createElement({ ...correctCreateElementProps, useInlineStyles: undefined });
Expand Down

0 comments on commit eee31ab

Please sign in to comment.