@atlaskit/media-test-helpers 37.0.4 → 38.0.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/media-test-helpers
 
+## 38.0.0
+
+### Major Changes
+
+- [#201150](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/201150)
+  [`f47383d54270a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f47383d54270a) -
+  Prevent staging environment auth provider from being consumed inside of unit tests
+
 ## 37.0.4
 
 ### Patch Changes

package/dist/cjs/authProvider.js

@@ -58,6 +58,12 @@ var StoryBookAuthProvider = exports.StoryBookAuthProvider = /*#__PURE__*/functio
         };
       }();
       return function (authContext) {
+        var IS_UNIT_TEST = process.env.JEST_WORKER_ID !== undefined;
+        if (IS_UNIT_TEST) {
+          // This is to prevent accidental staging environment calls from the auth provider in unit tests
+          // The implementation also means that it can effect unrelated tests due to the setInterval and unhandled promise rejection
+          throw new Error('Unexpected call to auth provider, please mock the auth provider in your test');
+        }
         var collectionName = authContext && authContext.collectionName || _collectionNames.defaultCollectionName;
         var accessStr = access ? JSON.stringify(access) : '';
         var cacheKey = "".concat(collectionName, "-").concat(accessStr, "-").concat(isAsapEnvironment);

package/dist/cjs/clipboardEventMocks.js

@@ -18,6 +18,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 // see https://github.com/tmpvar/jsdom/issues/1568
 // TODO: remove this `Omit` usage once TS fixes File class regression.
 // https://github.com/microsoft/TypeScript/issues/52166
+// @ts-ignore - TS2420 TypeScript 5.9.2 upgrade
 var ClipboardMockFile = exports.ClipboardMockFile = /*#__PURE__*/function () {
   function ClipboardMockFile() {
     var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {

package/dist/es2019/authProvider.js

@@ -23,6 +23,12 @@ export class StoryBookAuthProvider {
       return await (await response).json();
     };
     return authContext => {
+      const IS_UNIT_TEST = process.env.JEST_WORKER_ID !== undefined;
+      if (IS_UNIT_TEST) {
+        // This is to prevent accidental staging environment calls from the auth provider in unit tests
+        // The implementation also means that it can effect unrelated tests due to the setInterval and unhandled promise rejection
+        throw new Error('Unexpected call to auth provider, please mock the auth provider in your test');
+      }
       const collectionName = authContext && authContext.collectionName || defaultCollectionName;
       const accessStr = access ? JSON.stringify(access) : '';
       const cacheKey = `${collectionName}-${accessStr}-${isAsapEnvironment}`;

package/dist/es2019/clipboardEventMocks.js

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // see https://github.com/tmpvar/jsdom/issues/1568
 // TODO: remove this `Omit` usage once TS fixes File class regression.
 // https://github.com/microsoft/TypeScript/issues/52166
+// @ts-ignore - TS2420 TypeScript 5.9.2 upgrade
 export class ClipboardMockFile {
   msClose() {}
   msDetachStream() {}

package/dist/esm/authProvider.js

@@ -51,6 +51,12 @@ export var StoryBookAuthProvider = /*#__PURE__*/function () {
         };
       }();
       return function (authContext) {
+        var IS_UNIT_TEST = process.env.JEST_WORKER_ID !== undefined;
+        if (IS_UNIT_TEST) {
+          // This is to prevent accidental staging environment calls from the auth provider in unit tests
+          // The implementation also means that it can effect unrelated tests due to the setInterval and unhandled promise rejection
+          throw new Error('Unexpected call to auth provider, please mock the auth provider in your test');
+        }
         var collectionName = authContext && authContext.collectionName || defaultCollectionName;
         var accessStr = access ? JSON.stringify(access) : '';
         var cacheKey = "".concat(collectionName, "-").concat(accessStr, "-").concat(isAsapEnvironment);

package/dist/esm/clipboardEventMocks.js

@@ -11,6 +11,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 // see https://github.com/tmpvar/jsdom/issues/1568
 // TODO: remove this `Omit` usage once TS fixes File class regression.
 // https://github.com/microsoft/TypeScript/issues/52166
+// @ts-ignore - TS2420 TypeScript 5.9.2 upgrade
 export var ClipboardMockFile = /*#__PURE__*/function () {
   function ClipboardMockFile() {
     var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {

package/dist/types/clipboardEventMocks.d.ts

@@ -47,10 +47,10 @@ export declare const getMockClipboardEvent: () => {
         returnValue: boolean;
         readonly srcElement: EventTarget | null;
         readonly target: EventTarget | null;
-        readonly timeStamp: number;
+        readonly timeStamp: DOMHighResTimeStamp;
         readonly type: string;
         composedPath(): EventTarget[];
-        initEvent(type: string, bubbles?: boolean | undefined, cancelable?: boolean | undefined): void;
+        initEvent(type: string, bubbles?: boolean, cancelable?: boolean): void;
         preventDefault(): void;
         stopImmediatePropagation(): void;
         stopPropagation(): void;
@@ -95,7 +95,7 @@ export declare const MockDragEvent: () => {
         readonly detail: number;
         readonly view: Window | null;
         readonly which: number;
-        initUIEvent(typeArg: string, bubblesArg?: boolean | undefined, cancelableArg?: boolean | undefined, viewArg?: Window | null | undefined, detailArg?: number | undefined): void;
+        initUIEvent(typeArg: string, bubblesArg?: boolean, cancelableArg?: boolean, viewArg?: Window | null, detailArg?: number): void;
         readonly bubbles: boolean;
         cancelBubble: boolean;
         readonly cancelable: boolean;
@@ -107,10 +107,10 @@ export declare const MockDragEvent: () => {
         returnValue: boolean;
         readonly srcElement: EventTarget | null;
         readonly target: EventTarget | null;
-        readonly timeStamp: number;
+        readonly timeStamp: DOMHighResTimeStamp;
         readonly type: string;
         composedPath(): EventTarget[];
-        initEvent(type: string, bubbles?: boolean | undefined, cancelable?: boolean | undefined): void;
+        initEvent(type: string, bubbles?: boolean, cancelable?: boolean): void;
         preventDefault(): void;
         stopImmediatePropagation(): void;
         stopPropagation(): void;

package/dist/types/fileStateFactory/factory/helpers.d.ts

@@ -1,7 +1,7 @@
 import { type FileIdentifier, type FileDetails, type MediaType } from '@atlaskit/media-client';
 export declare const defaultFileDetails: Partial<FileDetails>;
 export declare const createIdentifier: ({ collectionName, occurrenceKey, }?: {
-    occurrenceKey?: string | undefined;
-    collectionName?: string | undefined;
+    occurrenceKey?: string;
+    collectionName?: string;
 }) => FileIdentifier;
 export declare const createFileDetails: (id: string, mediaType?: MediaType) => FileDetails;

package/dist/types/getJest.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="jest" />
 interface MockedJest<F, S> {
     fn: (value?: F) => MockStub<F, F>;
     spyOn: () => MockStub<S, S>;

package/dist/types/jestHelpers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="jest" />
 export declare const asMock: (fn: Function) => jest.Mock;
 export declare const asMockFunction: <T extends (...args: any[]) => any>(fn: T) => jest.MockedFunction<T>;
 export declare const asMockReturnValue: <T extends (...args: any[]) => any>(fn: T, returnValue: ReturnType<T>) => jest.Mock<any, any, any>;

package/dist/types/mockCanvas.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="jest" />
 export declare function mockCanvas(width?: number, height?: number): {
     canvas: {
         width: number;

package/dist/types/mountWithIntlContext.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type ReactWrapper, type ShallowWrapper } from 'enzyme';
-import { type ReactElement } from 'react';
-export declare const mountWithIntlContext: <P, S, C extends React.Component<P, S, any> = React.Component<P, S, any>>(node: ReactElement<P & WrappedComponentProps>, { context, childContextTypes, ...additionalOptions }?: {
+import { type Component, type ReactElement } from 'react';
+export declare const mountWithIntlContext: <P, S, C extends Component<P, S> = Component<P, S>>(node: ReactElement<P & WrappedComponentProps>, { context, childContextTypes, ...additionalOptions }?: {
     context?: {} | undefined;
     childContextTypes?: {} | undefined;
 }) => ReactWrapper<P & WrappedComponentProps, S, C>;
-export declare const shallowWithIntlContext: <P, S, C extends React.Component<P, S, any> = React.Component<P, S, any>>(node: ReactElement<P & WrappedComponentProps>, { context, ...additionalOptions }?: {
+export declare const shallowWithIntlContext: <P, S, C extends Component<P, S> = Component<P, S>>(node: ReactElement<P & WrappedComponentProps>, { context, ...additionalOptions }?: {
     context?: {} | undefined;
 }) => ShallowWrapper<P & WrappedComponentProps, S, C>;
 export declare const mountWithIntlWrapper: (node: React.ReactElement) => ReactWrapper;

package/dist/types/story-styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const Matrix: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;

package/dist/types-ts4.5/clipboardEventMocks.d.ts

@@ -47,10 +47,10 @@ export declare const getMockClipboardEvent: () => {
         returnValue: boolean;
         readonly srcElement: EventTarget | null;
         readonly target: EventTarget | null;
-        readonly timeStamp: number;
+        readonly timeStamp: DOMHighResTimeStamp;
         readonly type: string;
         composedPath(): EventTarget[];
-        initEvent(type: string, bubbles?: boolean | undefined, cancelable?: boolean | undefined): void;
+        initEvent(type: string, bubbles?: boolean, cancelable?: boolean): void;
         preventDefault(): void;
         stopImmediatePropagation(): void;
         stopPropagation(): void;
@@ -95,7 +95,7 @@ export declare const MockDragEvent: () => {
         readonly detail: number;
         readonly view: Window | null;
         readonly which: number;
-        initUIEvent(typeArg: string, bubblesArg?: boolean | undefined, cancelableArg?: boolean | undefined, viewArg?: Window | null | undefined, detailArg?: number | undefined): void;
+        initUIEvent(typeArg: string, bubblesArg?: boolean, cancelableArg?: boolean, viewArg?: Window | null, detailArg?: number): void;
         readonly bubbles: boolean;
         cancelBubble: boolean;
         readonly cancelable: boolean;
@@ -107,10 +107,10 @@ export declare const MockDragEvent: () => {
         returnValue: boolean;
         readonly srcElement: EventTarget | null;
         readonly target: EventTarget | null;
-        readonly timeStamp: number;
+        readonly timeStamp: DOMHighResTimeStamp;
         readonly type: string;
         composedPath(): EventTarget[];
-        initEvent(type: string, bubbles?: boolean | undefined, cancelable?: boolean | undefined): void;
+        initEvent(type: string, bubbles?: boolean, cancelable?: boolean): void;
         preventDefault(): void;
         stopImmediatePropagation(): void;
         stopPropagation(): void;

package/dist/types-ts4.5/fileStateFactory/factory/helpers.d.ts

@@ -1,7 +1,7 @@
 import { type FileIdentifier, type FileDetails, type MediaType } from '@atlaskit/media-client';
 export declare const defaultFileDetails: Partial<FileDetails>;
 export declare const createIdentifier: ({ collectionName, occurrenceKey, }?: {
-    occurrenceKey?: string | undefined;
-    collectionName?: string | undefined;
+    occurrenceKey?: string;
+    collectionName?: string;
 }) => FileIdentifier;
 export declare const createFileDetails: (id: string, mediaType?: MediaType) => FileDetails;

package/dist/types-ts4.5/getJest.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="jest" />
 interface MockedJest<F, S> {
     fn: (value?: F) => MockStub<F, F>;
     spyOn: () => MockStub<S, S>;

package/dist/types-ts4.5/jestHelpers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="jest" />
 export declare const asMock: (fn: Function) => jest.Mock;
 export declare const asMockFunction: <T extends (...args: any[]) => any>(fn: T) => jest.MockedFunction<T>;
 export declare const asMockReturnValue: <T extends (...args: any[]) => any>(fn: T, returnValue: ReturnType<T>) => jest.Mock<any, any, any>;

package/dist/types-ts4.5/mockCanvas.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="jest" />
 export declare function mockCanvas(width?: number, height?: number): {
     canvas: {
         width: number;

package/dist/types-ts4.5/mountWithIntlContext.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type ReactWrapper, type ShallowWrapper } from 'enzyme';
-import { type ReactElement } from 'react';
-export declare const mountWithIntlContext: <P, S, C extends React.Component<P, S, any> = React.Component<P, S, any>>(node: ReactElement<P & WrappedComponentProps>, { context, childContextTypes, ...additionalOptions }?: {
+import { type Component, type ReactElement } from 'react';
+export declare const mountWithIntlContext: <P, S, C extends Component<P, S> = Component<P, S>>(node: ReactElement<P & WrappedComponentProps>, { context, childContextTypes, ...additionalOptions }?: {
     context?: {} | undefined;
     childContextTypes?: {} | undefined;
 }) => ReactWrapper<P & WrappedComponentProps, S, C>;
-export declare const shallowWithIntlContext: <P, S, C extends React.Component<P, S, any> = React.Component<P, S, any>>(node: ReactElement<P & WrappedComponentProps>, { context, ...additionalOptions }?: {
+export declare const shallowWithIntlContext: <P, S, C extends Component<P, S> = Component<P, S>>(node: ReactElement<P & WrappedComponentProps>, { context, ...additionalOptions }?: {
     context?: {} | undefined;
 }) => ShallowWrapper<P & WrappedComponentProps, S, C>;
 export declare const mountWithIntlWrapper: (node: React.ReactElement) => ReactWrapper;

package/dist/types-ts4.5/story-styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const Matrix: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-test-helpers",
-	"version": "37.0.4",
+	"version": "38.0.0",
 	"description": "Collection of test helpers used in media component stories and specs",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,9 +28,9 @@
 		"@atlaskit/button": "^23.3.0",
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/icon": "^27.9.0",
+		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/locale": "^3.0.0",
-		"@atlaskit/media-client": "^35.2.0",
+		"@atlaskit/media-client": "^35.3.0",
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-ui": "^28.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -61,8 +61,7 @@
 	"devDependencies": {
 		"@atlaskit/media-core": "^37.0.0",
 		"@types/exenv": "^1.2.0",
-		"react-dom": "^18.2.0",
-		"typescript": "~5.4.2"
+		"react-dom": "^18.2.0"
 	},
 	"af:exports": {
 		"./renderWithIntl": "./src/renderWithIntl.tsx",