prism-t4-cs.js « prism « public - www.armandphilippot.com - The frontend of my personal website.

summary refs log tree commit diff stats

path: root/public/prism/prism-t4-cs.js

blob: 1454faf8e63f52269c3ff836100d9e01f04a3a82 (plain)

1
2

Prism.languages.t4 = Prism.languages['t4-cs'] =
  Prism.languages['t4-templating'].createT4('csharp');

old } /* Name.Constant */ .highlight .nd { color: #555555 } /* Name.Decorator */ .highlight .ne { color: #bb0066; font-weight: bold } /* Name.Exception */ .highlight .nf { color: #0066bb; font-weight: bold } /* Name.Function */ .highlight .nl { color: #336699; font-style: italic } /* Name.Label */ .highlight .nn { color: #bb0066; font-weight: bold } /* Name.Namespace */ .highlight .py { color: #336699; font-weight: bold } /* Name.Property */ .highlight .nt { color: #bb0066; font-weight: bold } /* Name.Tag */ .highlight .nv { color: #336699 } /* Name.Variable */ .highlight .ow { color: #008800 } /* Operator.Word */ .highlight .w { color: #bbbbbb } /* Text.Whitespace */ .highlight .mb { color: #0000DD; font-weight: bold } /* Literal.Number.Bin */ .highlight .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */ .highlight .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */ .highlight .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */ .highlight .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */ .highlight .sa { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Affix */ .highlight .sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */ .highlight .sc { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Char */ .highlight .dl { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Delimiter */ .highlight .sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */ .highlight .s2 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Double */ .highlight .se { color: #0044dd; background-color: #fff0f0 } /* Literal.String.Escape */ .highlight .sh { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Heredoc */ .highlight .si { color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */ .highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */ .highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */ .highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */ .highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */ .highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */ .highlight .fm { color: #0066bb; font-weight: bold } /* Name.Function.Magic */ .highlight .vc { color: #336699 } /* Name.Variable.Class */ .highlight .vg { color: #dd7700 } /* Name.Variable.Global */ .highlight .vi { color: #3333bb } /* Name.Variable.Instance */ .highlight .vm { color: #336699 } /* Name.Variable.Magic */ .highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */

import { describe, expect, it } from '@jest/globals';
import { render, screen as rtlScreen } from '@testing-library/react';
import { List } from './list';
import { ListItem } from './list-item';

const items = [
  { id: 'item-1', label: 'Item 1' },
  { id: 'item-2', label: 'Item 2' },
  { id: 'item-3', label: 'Item 3' },
  { id: 'item-4', label: 'Item 4' },
];

describe('List', () => {
  it('renders a list of items', () => {
    render(
      <List>
        {items.map((item) => (
          <ListItem key={item.id}>{item.label}</ListItem>
        ))}
      </List>
    );

    expect(rtlScreen.getByRole('list')).toBeInTheDocument();
    expect(rtlScreen.getAllByRole('listitem')).toHaveLength(items.length);
  });

  it('can render an ordered list', () => {
    render(
      <List isOrdered>
        {items.map((item) => (
          <ListItem key={item.id}>{item.label}</ListItem>
        ))}
      </List>
    );

    expect(rtlScreen.getByRole('list')).toHaveClass('list--ordered');
  });

  it('can render a hierarchical list', () => {
    render(
      <List isHierarchical isOrdered>
        {items.map((item) => (
          <ListItem key={item.id}>{item.label}</ListItem>
        ))}
      </List>
    );

    expect(rtlScreen.getByRole('list')).toHaveClass('list--hierarchical');
  });

  it('can render an unordered list', () => {
    render(
      <List isOrdered={false}>
        {items.map((item) => (
          <ListItem key={item.id}>{item.label}</ListItem>
        ))}
      </List>
    );

    expect(rtlScreen.getByRole('list')).toHaveClass('list--unordered');
  });

  it('can render list items in a row', () => {
    render(
      <List isInline>
        {items.map((item) => (
          <ListItem key={item.id}>{item.label}</ListItem>
        ))}
      </List>
    );

    expect(rtlScreen.getByRole('list')).toHaveClass('list--inline');
  });

  it('can render list items as one column', () => {
    render(
      <List isInline={false}>
        {items.map((item) => (
          <ListItem key={item.id}>{item.label}</ListItem>
        ))}
      </List>
    );

    expect(rtlScreen.getByRole('list')).toHaveClass('list--stack');
  });

  it('can render a list with marker', () => {
    render(
      <List hideMarker={false}>
        {items.map((item) => (
          <ListItem key={item.id}>{item.label}</ListItem>
        ))}
      </List>
    );

    expect(rtlScreen.getByRole('list')).toHaveClass('list--has-marker');
  });

  it('can render a list without marker', () => {
    render(
      <List hideMarker>
        {items.map((item) => (
          <ListItem key={item.id}>{item.label}</ListItem>
        ))}
      </List>
    );

    expect(rtlScreen.getByRole('list')).toHaveClass('list--no-marker');
  });
});