@instructure/ui-test-locator

category: packages

ui-test-locator

A locator component for finding components by their defined selector in tests.

Installation

npm install @instructure/ui-test-locator

Usage

---
  type: code
---
// MyComponent.js
import { testable } from '@instructure/ui-testable'

@testable()
export class MyComponent extends React.Component {
  ...
}

// MyComponentLocator.js
import { locator } from '@instructure/ui-test-locator'
import { MyComponent } from './MyComponent'

export const MyComponentLocator = locator(MyComponent.selector)

// MyComponent.test.js
import { MyComponent } from './MyComponent'
import { MyComponentLocator } from './MyComponentLocator.js'

it('should render', () => {
  await mount(<MyComponent />)

  const myComponent = await MyComponentLocator.find()

  expect(myComponent).to.exist()
})

Changelog

10.11.0 (2025-02-03)

Bug Fixes

• ui-breadcrumb: add and update aria tags in Breadcrumb and in documentation (e8db0f2)
• ui-menu: make Menu.Item apply target prop (6c85b31)
• ui-menu: screenreaders should read the correct number of menu items (0670648)
• ui-pagination: fix Pagination sometimes displaying non li elements in lists, fix key errors too (1dbe539)
• ui-time-select: clear input field after setting an empty value (1993282)
• ui-tooltip: ensure Esc key closes only the Tooltip when inside a Modal (0e6e1e4)

Features

• shared-types,ui-buttons: add theme variables for default and hover states for buttons (43fde61)
• ui-filedrop: add inputRef prop to make FileDrop focusable (a3a75e0)
• ui-icons: add give-award, grid-view, list-view icons (1f37f70)