aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Settings/ReduceMotion/git:/git.armand.philippot.euwww.armandphilippot.com
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-11-30 13:12:45 +0100
committerArmand Philippot <git@armandphilippot.com>2023-11-30 14:54:06 +0100
commitf7e6f42216c3cbeab9add475a61bb407c6be3519 (patch)
tree6c02d5aaaf794af1e1aadd2e3b46aac5b2c57b93 /src/components/Settings/ReduceMotion/git:/git.armand.philippot.euwww.armandphilippot.com
parent9c6265b33a7bb31936e3c9d6dcf415e11a6db752 (diff)
refactor(pages): refine RSS feed
* add favicon * add item categories * add item image * add item author * add item update date (it seems `date` is used as update date by Feed) * change copyright format * fix ESlint errors * fix atom and json links
Diffstat (limited to 'src/components/Settings/ReduceMotion/git:/git.armand.philippot.euwww.armandphilippot.com')
0 files changed, 0 insertions, 0 deletions
generated by cgit v1.2.3 (git 2.39.1) at 2025-12-22 10:13:22 +0000
pace */ .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 { render, screen } from '../../../../tests/utils';
import { BreadcrumbList } from 'schema-dts';
import { SectionedLayout } from './sectioned-layout';

const breadcrumbSchema: BreadcrumbList['itemListElement'][] = [];
const sections = [
  {
    title: 'Section 1',
    content:
      'Qui suscipit ea et aut dicta. Quia ut dignissimos. Sapiente beatae voluptatem quis et. Nemo vitae magni. Nihil iste officia est sed esse molestiae doloribus. Quia temporibus nobis ea fuga quis incidunt doloribus eaque.',
  },
  {
    title: 'Section 2',
    content:
      'Reprehenderit aut magnam ut quos. Voluptatibus beatae et. Earum non atque voluptatum illum rem distinctio repellat.',
  },
  {
    title: 'Section 3',
    content:
      'Placeat rem dolores dolore illum earum officia dolore. Ut est ducimus. Officia eveniet pariatur ut laboriosam voluptatibus aut doloremque natus quis.',
  },
  {
    title: 'Section 4',
    content:
      'Vitae facere ipsa eum sunt debitis veritatis dolorem labore qui. Dolores recusandae omnis aut. Repudiandae quia neque porro in blanditiis. A atque minima fugit. Totam quidem voluptas natus velit at.',
  },
];

describe('SectionedLayout', () => {
  it('renders the correct number of section', () => {
    render(
      <SectionedLayout
        breadcrumbSchema={breadcrumbSchema}
        sections={sections}
      />
    );
    expect(screen.getAllByRole('heading', { name: /^Section/ })).toHaveLength(
      sections.length
    );
  });
});