@instructure/ui-rating 9.2.1-snapshot-1 → 9.2.1-snapshot-3

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-1](https://github.com/instructure/instructure-ui/compare/v9.2.0...v9.2.1-snapshot-1) (2024-07-10)
+## [9.2.1-snapshot-3](https://github.com/instructure/instructure-ui/compare/v9.2.0...v9.2.1-snapshot-3) (2024-07-12)
 
 **Note:** Version bump only for package @instructure/ui-rating
 

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

@@ -25,6 +25,7 @@ var _Rating, _Rating2, _Rating3, _Rating4, _Rating5;
 
 import React from 'react';
 import { render } from '@testing-library/react';
+import { vi } from 'vitest';
 import '@testing-library/jest-dom';
 import { runAxeCheck } from '@instructure/ui-axe-check';
 import { View } from '@instructure/ui-view';
@@ -97,7 +98,7 @@ describe('<Rating />', () => {
     View.allowedProps.filter(prop => prop !== 'children').forEach(prop => {
       if (Object.keys(allowedProps).indexOf(prop) < 0) {
         it(`should NOT allow the '${prop}' prop`, () => {
-          const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+          const consoleErrorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
           const expectedErrorMessage = `Warning: [undefined] prop '${prop}' is not allowed.`;
           const props = {
             [prop]: 'foo'
@@ -114,7 +115,7 @@ describe('<Rating />', () => {
           const props = {
             [prop]: allowedProps[prop]
           };
-          const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+          const consoleErrorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
           render( /*#__PURE__*/React.createElement(Rating, Object.assign({
             label: "Course rating",
             iconCount: 5

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

@@ -25,11 +25,23 @@ var _RatingIcon, _RatingIcon2, _RatingIcon3, _RatingIcon4;
 
 import React from 'react';
 import { render, waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
 import '@testing-library/jest-dom';
 import { InstUISettingsProvider } from '@instructure/emotion';
 import { runAxeCheck } from '@instructure/ui-axe-check';
 import { RatingIcon } from '../index';
 describe('<RatingIcon />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('transitions when filled on render and animateFill is true', async () => {
     const _render = render( /*#__PURE__*/React.createElement(InstUISettingsProvider, {
         theme: {

package/lib/Rating/__new-tests__/Rating.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");
 require("@testing-library/jest-dom");
 var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
 var _View = require("@instructure/ui-view/lib/View");
@@ -99,7 +100,7 @@ describe('<Rating />', () => {
     _View.View.allowedProps.filter(prop => prop !== 'children').forEach(prop => {
       if (Object.keys(allowedProps).indexOf(prop) < 0) {
         it(`should NOT allow the '${prop}' prop`, () => {
-          const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+          const consoleErrorSpy = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
           const expectedErrorMessage = `Warning: [undefined] prop '${prop}' is not allowed.`;
           const props = {
             [prop]: 'foo'
@@ -116,7 +117,7 @@ describe('<Rating />', () => {
           const props = {
             [prop]: allowedProps[prop]
           };
-          const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+          const consoleErrorSpy = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
           (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Rating, Object.assign({
             label: "Course rating",
             iconCount: 5

package/lib/RatingIcon/__new-tests__/RatingIcon.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");
 require("@testing-library/jest-dom");
 var _emotion = require("@instructure/emotion");
 var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
@@ -32,6 +33,17 @@ var _RatingIcon, _RatingIcon2, _RatingIcon3, _RatingIcon4;
  * SOFTWARE.
  */
 describe('<RatingIcon />', () => {
+  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('transitions when filled on render and animateFill is true', async () => {
     const _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_emotion.InstUISettingsProvider, {
         theme: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-rating",
-  "version": "9.2.1-snapshot-1",
+  "version": "9.2.1-snapshot-3",
   "description": "A static rating component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,24 +24,25 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@instructure/console": "9.2.1-snapshot-1",
-    "@instructure/emotion": "9.2.1-snapshot-1",
-    "@instructure/shared-types": "9.2.1-snapshot-1",
-    "@instructure/ui-a11y-content": "9.2.1-snapshot-1",
-    "@instructure/ui-dom-utils": "9.2.1-snapshot-1",
-    "@instructure/ui-icons": "9.2.1-snapshot-1",
-    "@instructure/ui-motion": "9.2.1-snapshot-1",
-    "@instructure/ui-react-utils": "9.2.1-snapshot-1",
-    "@instructure/ui-testable": "9.2.1-snapshot-1",
-    "@instructure/ui-view": "9.2.1-snapshot-1",
+    "@instructure/console": "9.2.1-snapshot-3",
+    "@instructure/emotion": "9.2.1-snapshot-3",
+    "@instructure/shared-types": "9.2.1-snapshot-3",
+    "@instructure/ui-a11y-content": "9.2.1-snapshot-3",
+    "@instructure/ui-dom-utils": "9.2.1-snapshot-3",
+    "@instructure/ui-icons": "9.2.1-snapshot-3",
+    "@instructure/ui-motion": "9.2.1-snapshot-3",
+    "@instructure/ui-react-utils": "9.2.1-snapshot-3",
+    "@instructure/ui-testable": "9.2.1-snapshot-3",
+    "@instructure/ui-view": "9.2.1-snapshot-3",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-axe-check": "9.2.1-snapshot-1",
-    "@instructure/ui-babel-preset": "9.2.1-snapshot-1",
-    "@instructure/ui-themes": "9.2.1-snapshot-1",
+    "@instructure/ui-axe-check": "9.2.1-snapshot-3",
+    "@instructure/ui-babel-preset": "9.2.1-snapshot-3",
+    "@instructure/ui-themes": "9.2.1-snapshot-3",
     "@testing-library/jest-dom": "^6.4.5",
-    "@testing-library/react": "^15.0.7"
+    "@testing-library/react": "^15.0.7",
+    "vitest": "^1.6.0"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"

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

@@ -24,6 +24,7 @@
 
 import React from 'react'
 import { render } from '@testing-library/react'
+import { vi } from 'vitest'
 
 import '@testing-library/jest-dom'
 import { runAxeCheck } from '@instructure/ui-axe-check'
@@ -106,7 +107,7 @@ describe('<Rating />', () => {
       .forEach((prop) => {
         if (Object.keys(allowedProps).indexOf(prop) < 0) {
           it(`should NOT allow the '${prop}' prop`, () => {
-            const consoleErrorSpy = jest
+            const consoleErrorSpy = vi
               .spyOn(console, 'error')
               .mockImplementation(() => {})
             const expectedErrorMessage = `Warning: [undefined] prop '${prop}' is not allowed.`
@@ -125,7 +126,7 @@ describe('<Rating />', () => {
         } else {
           it(`should allow the '${prop}' prop`, () => {
             const props = { [prop]: allowedProps[prop] }
-            const consoleErrorSpy = jest
+            const consoleErrorSpy = vi
               .spyOn(console, 'error')
               .mockImplementation(() => {})
 

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

@@ -24,6 +24,8 @@
 
 import React from 'react'
 import { render, waitFor } from '@testing-library/react'
+import { vi } from 'vitest'
+import type { MockInstance } from 'vitest'
 import '@testing-library/jest-dom'
 
 import { InstUISettingsProvider } from '@instructure/emotion'
@@ -32,6 +34,24 @@ import { runAxeCheck } from '@instructure/ui-axe-check'
 import { RatingIcon } from '../index'
 
 describe('<RatingIcon />', () => {
+  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('transitions when filled on render and animateFill is true', async () => {
     const { container } = render(
       <InstUISettingsProvider