@instructure/ui-view 10.19.2-snapshot-3 → 10.19.2-snapshot-5

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

@@ -1,244 +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 { CSSProperties } from 'react'
-import { render, screen } from '@testing-library/react'
-import { vi } from 'vitest'
-import type { MockInstance } from 'vitest'
-import '@testing-library/jest-dom'
-
-import { View } from '../../index'
-import { runAxeCheck } from '@instructure/ui-axe-check'
-
-describe('<View />', () => {
-  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 MockInstance
-    consoleErrorMock = vi
-      .spyOn(console, 'error')
-      .mockImplementation(() => {}) as MockInstance
-  })
-
-  afterEach(() => {
-    consoleWarningMock.mockRestore()
-    consoleErrorMock.mockRestore()
-  })
-
-  it('should render', () => {
-    const { container } = render(
-      <View>
-        <h1>View Content</h1>
-      </View>
-    )
-    const view = container.querySelector("span[class$='-view']")
-
-    expect(view).toBeInTheDocument()
-    expect(view).toHaveTextContent('View Content')
-  })
-
-  it('should render children', () => {
-    render(
-      <View>
-        <h1>View Content</h1>
-      </View>
-    )
-
-    const viewContent = screen.getByText('View Content')
-
-    expect(viewContent).toBeInTheDocument()
-    expect(viewContent.tagName).toBe('H1')
-  })
-
-  it('should pass whitelisted style attributes', () => {
-    const styleProps: CSSProperties = {
-      top: '160px',
-      left: '5px',
-      minWidth: '20px',
-      minHeight: '208px',
-      position: 'absolute',
-      transform: 'translate(30px, 15px)',
-      overflow: 'hidden',
-      display: 'block',
-      pointerEvents: 'none'
-    }
-
-    const { container } = render(
-      <View style={{ ...styleProps }}>
-        <h1>View Content</h1>
-      </View>
-    )
-
-    const view = container.querySelector("span[class$='-view']")
-    const styles = getComputedStyle(view!)
-
-    expect(styles['top']).toEqual('160px')
-    expect(styles['left']).toEqual('5px')
-    expect(styles['minWidth']).toEqual('20px')
-    expect(styles['minHeight']).toEqual('208px')
-    expect(styles['position']).toEqual('absolute')
-    expect(styles['transform']).toEqual('translate(30px, 15px)')
-    expect(styles['overflow']).toEqual('hidden')
-    expect(styles['display']).toEqual('block')
-    expect(styles['pointerEvents']).toEqual('none')
-  })
-
-  it('should pass flex style', () => {
-    const { container } = render(
-      <View style={{ flexBasis: '200px' }}>
-        <h1>View Content</h1>
-      </View>
-    )
-
-    const view = container.querySelector("span[class$='-view']")
-    const styles = getComputedStyle(view!)
-
-    expect(styles['flexBasis']).toEqual('200px')
-  })
-
-  it('should pass className', () => {
-    const className = 'fooBarBaz'
-
-    const { container } = render(
-      <View className={className}>
-        <h1>View Content</h1>
-      </View>
-    )
-
-    const view = container.querySelector("span[class$='-view']")
-
-    expect(view!.classList.contains(className)).toEqual(true)
-  })
-
-  it('should provide an elementRef', () => {
-    const elementRef = vi.fn()
-
-    const { container } = render(
-      <View elementRef={elementRef}>
-        <h1>View Content</h1>
-      </View>
-    )
-    const view = container.querySelector("span[class$='-view']")
-
-    expect(elementRef).toHaveBeenCalledWith(view)
-  })
-
-  it('should pass cursor', () => {
-    const cursor = 'cell'
-
-    const { container } = render(
-      <View cursor={cursor}>
-        <h1>View Content</h1>
-      </View>
-    )
-
-    const view = container.querySelector("span[class$='-view']")
-    const styles = getComputedStyle(view!)
-
-    expect(styles['cursor']).toEqual(cursor)
-  })
-
-  it('should set overflow', () => {
-    const { container } = render(
-      <View overflowX="hidden" overflowY="auto">
-        <h1>View Content</h1>
-      </View>
-    )
-
-    const view = container.querySelector("span[class$='-view']")
-    const styles = getComputedStyle(view!)
-
-    expect(styles.overflowX).toEqual('hidden')
-    expect(styles.overflowY).toEqual('auto')
-  })
-
-  it('should set CSS position', () => {
-    const { container } = render(
-      <View position="fixed">
-        <h1>View Content</h1>
-      </View>
-    )
-
-    const view = container.querySelector("span[class$='-view']")
-    const styles = getComputedStyle(view!)
-
-    expect(styles.position).toEqual('fixed')
-  })
-
-  it('should set inline offset (top, bottom, left, right)', () => {
-    const { container } = render(
-      <View
-        insetBlockStart="0"
-        insetBlockEnd="20px"
-        insetInlineStart="2px"
-        insetInlineEnd="3px"
-      >
-        <h1>View Content</h1>
-      </View>
-    )
-
-    const view = container.querySelector("span[class$='-view']")
-    const styles = getComputedStyle(view!)
-
-    expect(styles['top']).toEqual('0px')
-    expect(styles['bottom']).toEqual('20px')
-    expect(styles['left']).toEqual('2px')
-    expect(styles['right']).toEqual('3px')
-  })
-
-  it('should override default max-width', () => {
-    const { container, rerender } = render(
-      <View>
-        <h1>View Content</h1>
-      </View>
-    )
-
-    const view = container.querySelector("span[class$='-view']")
-    const styles = getComputedStyle(view!)
-
-    expect(styles.maxWidth).toEqual('100%')
-
-    rerender(
-      <View maxWidth="200px">
-        <h1>View Content</h1>
-      </View>
-    )
-
-    const newStyles = getComputedStyle(view!)
-
-    expect(newStyles.maxWidth).toEqual('200px')
-  })
-
-  it('should meet a11y standards', async () => {
-    const { container } = render(<View>View Content</View>)
-
-    const axeCheck = await runAxeCheck(container)
-
-    expect(axeCheck).toBe(true)
-  })
-})

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

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

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

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

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

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

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

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