How to use the @fluentui/react.List.className function in @fluentui/react

item: (itemIndex: number) =>
    `.${List.className} .${List.Item.className}:nth-of-type(${itemIndex})`,
}

import { List } from '@fluentui/react'

const selectors = {
  list: `.${List.className}`,
  item: (itemIndex: number) =>
    `.${List.className} .${List.Item.className}:nth-of-type(${itemIndex})`,
}

const config: ScreenerTestsConfig = {
  themes: ['teams', 'teamsDark', 'teamsHighContrast'],
  steps: [
    builder =>
      builder
        .hover(selectors.item(2))
        .snapshot('Highlights an item')
        .click(selectors.item(2))
        .snapshot('Selects an item')
        .hover(selectors.item(3))
        .snapshot('Highlights another item'),
    (builder, keys) => builder.keys('body', keys.tab).snapshot('Focuses item'),