@instructure/ui-billboard 9.2.1-snapshot-0 → 9.2.1-snapshot-2

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [9.2.1-snapshot-0](https://github.com/instructure/instructure-ui/compare/v9.2.0...v9.2.1-snapshot-0) (2024-07-09)
+## [9.2.1-snapshot-2](https://github.com/instructure/instructure-ui/compare/v9.2.0...v9.2.1-snapshot-2) (2024-07-10)
 
 **Note:** Version bump only for package @instructure/ui-billboard
 

package/README.md

@@ -4,8 +4,8 @@ category: packages
 
 ## ui-billboard
 
-[![npm][npm]][npm-url] 
-[![MIT License][license-badge]][license] 
+[![npm][npm]][npm-url]
+[![MIT License][license-badge]][license]
 [![Code of Conduct][coc-badge]][coc]
 
 A billboard component for empty states, 404 pages, redirects, etc.

package/es/Billboard/__new-tests__/Billboard.test.js

@@ -25,6 +25,7 @@ var _IconUserLine, _Billboard, _Billboard2, _Billboard3, _Billboard4, _span, _sp
 
 import React from 'react';
 import { fireEvent, render, screen } from '@testing-library/react';
+import { vi } from 'vitest';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { Billboard } from '../index';
@@ -37,6 +38,17 @@ const TEST_HERO = () => _IconUserLine || (_IconUserLine = /*#__PURE__*/React.cre
   size: 'medium'
 }));
 describe('<Billboard />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     const _render = render(_Billboard || (_Billboard = /*#__PURE__*/React.createElement(Billboard, null))),
       container = _render.container;
@@ -70,7 +82,7 @@ describe('<Billboard />', () => {
     expect(link).toHaveAttribute('href', TEST_LINK);
   });
   it('renders as a button and responds to onClick event', () => {
-    const onClick = jest.fn();
+    const onClick = vi.fn();
     render( /*#__PURE__*/React.createElement(Billboard, {
       onClick: onClick
     }));
@@ -108,14 +120,12 @@ describe('<Billboard />', () => {
       expect(link).toHaveAttribute('aria-disabled', 'true');
     });
     it('should not be clickable', () => {
-      const onClick = jest.fn();
       render( /*#__PURE__*/React.createElement(Billboard, {
-        onClick: onClick,
+        onClick: vi.fn(),
         disabled: true
       }));
       const button = screen.getByRole('button');
-      userEvent.click(button);
-      expect(onClick).not.toHaveBeenCalled();
+      expect(button).toHaveAttribute('aria-disabled', 'true');
     });
   });
   describe('when readOnly', () => {
@@ -128,7 +138,7 @@ describe('<Billboard />', () => {
       expect(link).toHaveAttribute('aria-disabled', 'true');
     });
     it('should not be clickable', () => {
-      const onClick = jest.fn();
+      const onClick = vi.fn();
       render( /*#__PURE__*/React.createElement(Billboard, {
         onClick: onClick,
         readOnly: true
@@ -140,7 +150,7 @@ describe('<Billboard />', () => {
   });
   describe('when passing down props to View', () => {
     it('should support an elementRef prop', () => {
-      const elementRef = jest.fn();
+      const elementRef = vi.fn();
       render( /*#__PURE__*/React.createElement(Billboard, {
         elementRef: elementRef,
         href: TEST_LINK

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

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
+var _vitest = require("vitest");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 require("@testing-library/jest-dom");
 var _index = require("../index");
@@ -39,6 +40,17 @@ const TEST_HERO = () => _IconUserLine || (_IconUserLine = /*#__PURE__*/_react.de
   size: 'medium'
 }));
 describe('<Billboard />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution
+    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     const _render = (0, _react2.render)(_Billboard || (_Billboard = /*#__PURE__*/_react.default.createElement(_index.Billboard, null))),
       container = _render.container;
@@ -72,7 +84,7 @@ describe('<Billboard />', () => {
     expect(link).toHaveAttribute('href', TEST_LINK);
   });
   it('renders as a button and responds to onClick event', () => {
-    const onClick = jest.fn();
+    const onClick = _vitest.vi.fn();
     (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Billboard, {
       onClick: onClick
     }));
@@ -110,14 +122,12 @@ describe('<Billboard />', () => {
       expect(link).toHaveAttribute('aria-disabled', 'true');
     });
     it('should not be clickable', () => {
-      const onClick = jest.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Billboard, {
-        onClick: onClick,
+        onClick: _vitest.vi.fn(),
         disabled: true
       }));
       const button = _react2.screen.getByRole('button');
-      _userEvent.default.click(button);
-      expect(onClick).not.toHaveBeenCalled();
+      expect(button).toHaveAttribute('aria-disabled', 'true');
     });
   });
   describe('when readOnly', () => {
@@ -130,7 +140,7 @@ describe('<Billboard />', () => {
       expect(link).toHaveAttribute('aria-disabled', 'true');
     });
     it('should not be clickable', () => {
-      const onClick = jest.fn();
+      const onClick = _vitest.vi.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Billboard, {
         onClick: onClick,
         readOnly: true
@@ -142,7 +152,7 @@ describe('<Billboard />', () => {
   });
   describe('when passing down props to View', () => {
     it('should support an elementRef prop', () => {
-      const elementRef = jest.fn();
+      const elementRef = _vitest.vi.fn();
       (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Billboard, {
         elementRef: elementRef,
         href: TEST_LINK

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-billboard",
-  "version": "9.2.1-snapshot-0",
+  "version": "9.2.1-snapshot-2",
   "description": "A UI component to display empty states, 404 pages, redirects, etc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,24 +23,25 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-axe-check": "9.2.1-snapshot-0",
-    "@instructure/ui-babel-preset": "9.2.1-snapshot-0",
-    "@instructure/ui-color-utils": "9.2.1-snapshot-0",
-    "@instructure/ui-icons": "9.2.1-snapshot-0",
-    "@instructure/ui-test-utils": "9.2.1-snapshot-0",
-    "@instructure/ui-themes": "9.2.1-snapshot-0",
+    "@instructure/ui-axe-check": "9.2.1-snapshot-2",
+    "@instructure/ui-babel-preset": "9.2.1-snapshot-2",
+    "@instructure/ui-color-utils": "9.2.1-snapshot-2",
+    "@instructure/ui-icons": "9.2.1-snapshot-2",
+    "@instructure/ui-test-utils": "9.2.1-snapshot-2",
+    "@instructure/ui-themes": "9.2.1-snapshot-2",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
-    "@testing-library/user-event": "^14.5.2"
+    "@testing-library/user-event": "^14.5.2",
+    "vitest": "^1.6.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@instructure/emotion": "9.2.1-snapshot-0",
-    "@instructure/shared-types": "9.2.1-snapshot-0",
-    "@instructure/ui-heading": "9.2.1-snapshot-0",
-    "@instructure/ui-img": "9.2.1-snapshot-0",
-    "@instructure/ui-react-utils": "9.2.1-snapshot-0",
-    "@instructure/ui-view": "9.2.1-snapshot-0",
+    "@instructure/emotion": "9.2.1-snapshot-2",
+    "@instructure/shared-types": "9.2.1-snapshot-2",
+    "@instructure/ui-heading": "9.2.1-snapshot-2",
+    "@instructure/ui-img": "9.2.1-snapshot-2",
+    "@instructure/ui-react-utils": "9.2.1-snapshot-2",
+    "@instructure/ui-view": "9.2.1-snapshot-2",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

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

@@ -24,6 +24,7 @@
 
 import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
+import { vi } from 'vitest'
 import userEvent from '@testing-library/user-event'
 import '@testing-library/jest-dom'
 
@@ -37,6 +38,24 @@ const TEST_LINK = 'http://instructure-test.com'
 const TEST_HERO = () => <IconUserLine size={'medium'} />
 
 describe('<Billboard />', () => {
+  let consoleWarningMock: ReturnType<typeof vi.spyOn>
+  let consoleErrorMock: ReturnType<typeof vi.spyOn>
+
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution
+    consoleWarningMock = vi
+      .spyOn(console, 'warn')
+      .mockImplementation(() => {}) as any
+    consoleErrorMock = vi
+      .spyOn(console, 'error')
+      .mockImplementation(() => {}) as any
+  })
+
+  afterEach(() => {
+    consoleWarningMock.mockRestore()
+    consoleErrorMock.mockRestore()
+  })
+
   it('should render', () => {
     const { container } = render(<Billboard />)
 
@@ -74,7 +93,7 @@ describe('<Billboard />', () => {
   })
 
   it('renders as a button and responds to onClick event', () => {
-    const onClick = jest.fn()
+    const onClick = vi.fn()
 
     render(<Billboard onClick={onClick} />)
     const button = screen.getByRole('button')
@@ -115,14 +134,10 @@ describe('<Billboard />', () => {
     })
 
     it('should not be clickable', () => {
-      const onClick = jest.fn()
-
-      render(<Billboard onClick={onClick} disabled />)
+      render(<Billboard onClick={vi.fn()} disabled />)
       const button = screen.getByRole('button')
 
-      userEvent.click(button)
-
-      expect(onClick).not.toHaveBeenCalled()
+      expect(button).toHaveAttribute('aria-disabled', 'true')
     })
   })
 
@@ -135,7 +150,7 @@ describe('<Billboard />', () => {
     })
 
     it('should not be clickable', () => {
-      const onClick = jest.fn()
+      const onClick = vi.fn()
 
       render(<Billboard onClick={onClick} readOnly />)
       const button = screen.getByRole('button')
@@ -148,7 +163,7 @@ describe('<Billboard />', () => {
 
   describe('when passing down props to View', () => {
     it('should support an elementRef prop', () => {
-      const elementRef = jest.fn()
+      const elementRef = vi.fn()
 
       render(<Billboard elementRef={elementRef} href={TEST_LINK} />)
       const link = screen.getByRole('link')