@instructure/ui-list 10.19.2-snapshot-3 → 10.19.2-snapshot-4

package/lib/List/__new-tests__/List.test.js

@@ -1,109 +0,0 @@
-"use strict";
-
-require("@testing-library/jest-dom");
-var _react = require("@testing-library/react");
-var _vitest = require("vitest");
-var _index = require("../index");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _List, _List2, _List3, _List4;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-describe('<List />', () => {
-  let consoleWarningMock;
-  let consoleErrorMock;
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution and expect for messages
-    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
-    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
-  });
-  afterEach(() => {
-    consoleWarningMock.mockRestore();
-    consoleErrorMock.mockRestore();
-  });
-  it('should render list items and filter out null/falsy children', async () => {
-    (0, _react.render)(_List || (_List = (0, _jsxRuntime.jsxs)(_index.List, {
-      children: [(0, _jsxRuntime.jsx)(_index.List.Item, {
-        children: "List item 1"
-      }), (0, _jsxRuntime.jsx)(_index.List.Item, {
-        children: "List item 2"
-      }), (0, _jsxRuntime.jsx)(_index.List.Item, {
-        children: "List item 3"
-      }), (0, _jsxRuntime.jsx)(_index.List.Item, {
-        children: "List item 4"
-      }), null, false]
-    })));
-    const listItems = _react.screen.getAllByRole('listitem');
-    expect(listItems.length).toEqual(4);
-  });
-  it('should warn when itemSpacing is set when delimiter is set to anything other than none', async () => {
-    (0, _react.render)(_List2 || (_List2 = (0, _jsxRuntime.jsxs)(_index.List, {
-      delimiter: "dashed",
-      itemSpacing: "large",
-      children: [(0, _jsxRuntime.jsx)(_index.List.Item, {
-        children: "List item 1"
-      }), (0, _jsxRuntime.jsx)(_index.List.Item, {
-        children: "List item 2"
-      }), (0, _jsxRuntime.jsx)(_index.List.Item, {
-        children: "List item 3"
-      }), (0, _jsxRuntime.jsx)(_index.List.Item, {
-        children: "List item 4"
-      })]
-    })));
-    const warning = `Warning: [List] \`itemSpacing\` has no effect inside Lists with the \`delimiter\` prop set to anything other than \`none\`.`;
-    expect(consoleErrorMock.mock.calls[0][0]).toBe(warning);
-  });
-  it('should render an ordered list', async () => {
-    (0, _react.render)(_List3 || (_List3 = (0, _jsxRuntime.jsxs)(_index.List, {
-      as: "ol",
-      children: [(0, _jsxRuntime.jsx)(_index.List.Item, {
-        children: "List item 1"
-      }), (0, _jsxRuntime.jsx)(_index.List.Item, {
-        children: "List item 2"
-      }), (0, _jsxRuntime.jsx)(_index.List.Item, {
-        children: "List item 3"
-      }), (0, _jsxRuntime.jsx)(_index.List.Item, {
-        children: "List item 4"
-      })]
-    })));
-    const list = _react.screen.getByRole('list');
-    expect(list.tagName).toBe('OL');
-  });
-  it('should meet a11y standards', async () => {
-    const _render = (0, _react.render)(_List4 || (_List4 = (0, _jsxRuntime.jsxs)(_index.List, {
-        children: [(0, _jsxRuntime.jsx)(_index.List.Item, {
-          children: "List item 1"
-        }), (0, _jsxRuntime.jsx)(_index.List.Item, {
-          children: "List item 2"
-        }), (0, _jsxRuntime.jsx)(_index.List.Item, {
-          children: "List item 3"
-        }), (0, _jsxRuntime.jsx)(_index.List.Item, {
-          children: "List item 4"
-        })]
-      }))),
-      container = _render.container;
-    const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
-    expect(axeCheck).toBe(true);
-  });
-});

package/src/InlineList/InlineListItem/__new-tests__/InlineListItem.test.tsx

@@ -1,55 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import '@testing-library/jest-dom'
-import { render, screen } from '@testing-library/react'
-import { vi } from 'vitest'
-
-import { InlineListItem } from '../index'
-
-describe('<InlineListItem />', () => {
-  it('should render children', async () => {
-    render(<InlineListItem>hello</InlineListItem>)
-    const listItem = screen.getByRole('listitem')
-
-    expect(listItem).toHaveTextContent('hello')
-  })
-
-  it('should render delimiter', async () => {
-    const { container } = render(
-      <InlineListItem delimiter="slash">List item</InlineListItem>
-    )
-    const listItem = container.querySelector('span[class$="delimiter"]')
-
-    expect(listItem).toHaveAttribute('aria-hidden', 'true')
-  })
-
-  it('should call elementRef', async () => {
-    const elementRef = vi.fn()
-    render(<InlineListItem elementRef={elementRef}>List item</InlineListItem>)
-    const listItem = screen.getByRole('listitem')
-
-    expect(elementRef).toHaveBeenCalledWith(listItem)
-  })
-})

package/src/InlineList/__new-tests__/InlineList.test.tsx

@@ -1,127 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import '@testing-library/jest-dom'
-import { render, screen } from '@testing-library/react'
-import { vi } from 'vitest'
-
-import { InlineList } from '../index'
-import { runAxeCheck } from '@instructure/ui-axe-check'
-
-describe('<InlineList />', () => {
-  let consoleWarningMock: ReturnType<typeof vi.spyOn>
-  let consoleErrorMock: ReturnType<typeof vi.spyOn>
-
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution and expect for messages
-    consoleWarningMock = vi
-      .spyOn(console, 'warn')
-      .mockImplementation(() => {}) as any
-    consoleErrorMock = vi
-      .spyOn(console, 'error')
-      .mockImplementation(() => {}) as any
-  })
-
-  afterEach(() => {
-    consoleWarningMock.mockRestore()
-    consoleErrorMock.mockRestore()
-  })
-
-  it('should render list items and filter out null/falsy children', async () => {
-    render(
-      <InlineList>
-        <InlineList.Item>List item 1</InlineList.Item>
-        <InlineList.Item>List item 2</InlineList.Item>
-        <InlineList.Item>List item 3</InlineList.Item>
-        <InlineList.Item>List item 4</InlineList.Item>
-        {null}
-        {false}
-      </InlineList>
-    )
-    const listItems = screen.getAllByRole('listitem')
-
-    expect(listItems.length).toEqual(4)
-  })
-
-  it('should render a delimiter when delimiter="pipe"', async () => {
-    const { container } = render(
-      <InlineList delimiter="pipe">
-        <InlineList.Item>List item 1</InlineList.Item>
-        <InlineList.Item>List item 2</InlineList.Item>
-        <InlineList.Item>List item 3</InlineList.Item>
-        <InlineList.Item>List item 4</InlineList.Item>
-      </InlineList>
-    )
-    const delimiters = container.querySelectorAll('span[aria-hidden="true"]')
-
-    expect(delimiters.length).toEqual(4)
-    delimiters.forEach((delimiter) => {
-      expect(delimiter.getAttribute('class')).toContain(
-        'inlineListItem__delimiter'
-      )
-    })
-  })
-
-  it('should warn when itemSpacing is set when delimiter is set to anything other than none', async () => {
-    render(
-      <InlineList delimiter="pipe" itemSpacing="large">
-        <InlineList.Item>List item 1</InlineList.Item>
-        <InlineList.Item>List item 2</InlineList.Item>
-        <InlineList.Item>List item 3</InlineList.Item>
-        <InlineList.Item>List item 4</InlineList.Item>
-      </InlineList>
-    )
-    const warning = `Warning: [InlineList] \`itemSpacing\` has no effect inside Lists with the \`delimiter\` prop set to anything other than \`none\`.`
-
-    expect(consoleErrorMock.mock.calls[0][0]).toBe(warning)
-  })
-
-  it('should render an ordered list', async () => {
-    render(
-      <InlineList as="ol">
-        <InlineList.Item>List item 1</InlineList.Item>
-        <InlineList.Item>List item 2</InlineList.Item>
-        <InlineList.Item>List item 3</InlineList.Item>
-        <InlineList.Item>List item 4</InlineList.Item>
-      </InlineList>
-    )
-    const list = screen.getByRole('list')
-
-    expect(list.tagName).toBe('OL')
-  })
-
-  it('should meet a11y standards', async () => {
-    const { container } = render(
-      <InlineList>
-        <InlineList.Item>List item 1</InlineList.Item>
-        <InlineList.Item>List item 2</InlineList.Item>
-        <InlineList.Item>List item 3</InlineList.Item>
-        <InlineList.Item>List item 4</InlineList.Item>
-      </InlineList>
-    )
-    const axeCheck = await runAxeCheck(container)
-
-    expect(axeCheck).toBe(true)
-  })
-})

package/src/List/ListItem/__new-tests__/ListItem.test.tsx

@@ -1,46 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import '@testing-library/jest-dom'
-import { render, screen } from '@testing-library/react'
-import { vi } from 'vitest'
-
-import { ListItem } from '../index'
-
-describe('<ListItem />', () => {
-  it('should render children', async () => {
-    render(<ListItem>hello</ListItem>)
-    const listItem = screen.getByRole('listitem')
-
-    expect(listItem).toHaveTextContent('hello')
-  })
-
-  it('should call elementRef', async () => {
-    const elementRef = vi.fn()
-    render(<ListItem elementRef={elementRef}>List item</ListItem>)
-    const listItem = screen.getByRole('listitem')
-
-    expect(elementRef).toHaveBeenCalledWith(listItem)
-  })
-})

package/src/List/__new-tests__/List.test.tsx

@@ -1,108 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import '@testing-library/jest-dom'
-import { render, screen } from '@testing-library/react'
-import { vi } from 'vitest'
-
-import { List } from '../index'
-import { runAxeCheck } from '@instructure/ui-axe-check'
-
-describe('<List />', () => {
-  let consoleWarningMock: ReturnType<typeof vi.spyOn>
-  let consoleErrorMock: ReturnType<typeof vi.spyOn>
-
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution and expect for messages
-    consoleWarningMock = vi
-      .spyOn(console, 'warn')
-      .mockImplementation(() => {}) as any
-    consoleErrorMock = vi
-      .spyOn(console, 'error')
-      .mockImplementation(() => {}) as any
-  })
-
-  afterEach(() => {
-    consoleWarningMock.mockRestore()
-    consoleErrorMock.mockRestore()
-  })
-
-  it('should render list items and filter out null/falsy children', async () => {
-    render(
-      <List>
-        <List.Item>List item 1</List.Item>
-        <List.Item>List item 2</List.Item>
-        <List.Item>List item 3</List.Item>
-        <List.Item>List item 4</List.Item>
-        {null}
-        {false}
-      </List>
-    )
-    const listItems = screen.getAllByRole('listitem')
-
-    expect(listItems.length).toEqual(4)
-  })
-
-  it('should warn when itemSpacing is set when delimiter is set to anything other than none', async () => {
-    render(
-      <List delimiter="dashed" itemSpacing="large">
-        <List.Item>List item 1</List.Item>
-        <List.Item>List item 2</List.Item>
-        <List.Item>List item 3</List.Item>
-        <List.Item>List item 4</List.Item>
-      </List>
-    )
-    const warning = `Warning: [List] \`itemSpacing\` has no effect inside Lists with the \`delimiter\` prop set to anything other than \`none\`.`
-
-    expect(consoleErrorMock.mock.calls[0][0]).toBe(warning)
-  })
-
-  it('should render an ordered list', async () => {
-    render(
-      <List as="ol">
-        <List.Item>List item 1</List.Item>
-        <List.Item>List item 2</List.Item>
-        <List.Item>List item 3</List.Item>
-        <List.Item>List item 4</List.Item>
-      </List>
-    )
-    const list = screen.getByRole('list')
-
-    expect(list.tagName).toBe('OL')
-  })
-
-  it('should meet a11y standards', async () => {
-    const { container } = render(
-      <List>
-        <List.Item>List item 1</List.Item>
-        <List.Item>List item 2</List.Item>
-        <List.Item>List item 3</List.Item>
-        <List.Item>List item 4</List.Item>
-      </List>
-    )
-    const axeCheck = await runAxeCheck(container)
-
-    expect(axeCheck).toBe(true)
-  })
-})

package/types/InlineList/InlineListItem/__new-tests__/InlineListItem.test.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=InlineListItem.test.d.ts.map

package/types/InlineList/InlineListItem/__new-tests__/InlineListItem.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineListItem.test.d.ts","sourceRoot":"","sources":["../../../../src/InlineList/InlineListItem/__new-tests__/InlineListItem.test.tsx"],"names":[],"mappings":"AAwBA,OAAO,2BAA2B,CAAA"}

package/types/InlineList/__new-tests__/InlineList.test.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=InlineList.test.d.ts.map

package/types/InlineList/__new-tests__/InlineList.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineList.test.d.ts","sourceRoot":"","sources":["../../../src/InlineList/__new-tests__/InlineList.test.tsx"],"names":[],"mappings":"AAwBA,OAAO,2BAA2B,CAAA"}

package/types/List/ListItem/__new-tests__/ListItem.test.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=ListItem.test.d.ts.map

package/types/List/ListItem/__new-tests__/ListItem.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItem.test.d.ts","sourceRoot":"","sources":["../../../../src/List/ListItem/__new-tests__/ListItem.test.tsx"],"names":[],"mappings":"AAwBA,OAAO,2BAA2B,CAAA"}

package/types/List/__new-tests__/List.test.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=List.test.d.ts.map

package/types/List/__new-tests__/List.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.test.d.ts","sourceRoot":"","sources":["../../../src/List/__new-tests__/List.test.tsx"],"names":[],"mappings":"AAwBA,OAAO,2BAA2B,CAAA"}