/* * Squidex Headless CMS * * @license * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved. */ import { ErrorDto } from '@app/framework'; import { AssetFoldersDto, AssetsDto, AssetsService, AssetsState, DialogService, MathHelper, versioned } from '@app/shared/internal'; import { of, throwError } from 'rxjs'; import { onErrorResumeNext } from 'rxjs/operators'; import { IMock, It, Mock, Times } from 'typemoq'; import { createAsset, createAssetFolder } from './../services/assets.service.spec'; import { TestValues } from './_test-helpers'; describe('AssetsState', () => { const { app, appsState, newVersion, } = TestValues; const asset1 = createAsset(1, ['tag1', 'shared']); const asset2 = createAsset(2, ['tag2', 'shared']); const assetFolder1 = createAssetFolder(1); const assetFolder2 = createAssetFolder(2); const newAssetFolder = createAssetFolder(0, '_new'); let dialogs: IMock; let assetsService: IMock; let assetsState: AssetsState; beforeEach(() => { dialogs = Mock.ofType(); assetsService = Mock.ofType(); assetsService.setup(x => x.getTags(app)) .returns(() => of({ tag1: 1, shared: 2, tag2: 1 })); assetsState = new AssetsState(appsState.object, assetsService.object, dialogs.object); }); afterEach(() => { assetsService.verifyAll(); }); describe('Loading', () => { beforeEach(() => { assetsService.setup(x => x.getAssetFolders(app, MathHelper.EMPTY_GUID, 'PathAndItems')) .returns(() => of(new AssetFoldersDto(2, [assetFolder1, assetFolder2], []))).verifiable(Times.atLeastOnce()); }); it('should load assets', () => { assetsService.setup(x => x.getAssets(app, { take: 30, skip: 0, parentId: MathHelper.EMPTY_GUID })) .returns(() => of(new AssetsDto(200, [asset1, asset2]))).verifiable(); assetsState.load().subscribe(); expect(assetsState.snapshot.assets).toEqual([asset1, asset2]); expect(assetsState.snapshot.isLoaded).toBeTruthy(); expect(assetsState.snapshot.isLoading).toBeFalsy(); expect(assetsState.snapshot.total).toEqual(200); dialogs.verify(x => x.notifyInfo(It.isAnyString()), Times.never()); }); it('should show notification on load if reload is true', () => { assetsService.setup(x => x.getAssets(app, { take: 30, skip: 0, parentId: MathHelper.EMPTY_GUID })) .returns(() => of(new AssetsDto(200, [asset1, asset2]))).verifiable(); assetsState.load(true).subscribe(); expect().nothing(); dialogs.verify(x => x.notifyInfo(It.isAnyString()), Times.once()); }); it('should load without tags if tag untoggled', () => { assetsService.setup(x => x.getAssets(app, { take: 30, skip: 0, tags: ['tag1'] })) .returns(() => of(new AssetsDto(0, []))).verifiable(); assetsService.setup(x => x.getAssets(app, { take: 30, skip: 0, parentId: MathHelper.EMPTY_GUID })) .returns(() => of(new AssetsDto(0, []))).verifiable(); assetsState.toggleTag('tag1').subscribe(); assetsState.toggleTag('tag1').subscribe(); expect(assetsState.snapshot.tagsSelected).toEqual({}); }); it('should load without tags if tags reset', () => { assetsService.setup(x => x.getAssets(app, { take: 30, skip: 0, parentId: MathHelper.EMPTY_GUID })) .returns(() => of(new AssetsDto(0, []))).verifiable(); assetsState.resetTags().subscribe(); expect(assetsState.snapshot.tagsSelected).toEqual({}); }); it('should load with new pagination if paging', () => { assetsService.setup(x => x.getAssets(app, { take: 30, skip: 30, parentId: MathHelper.EMPTY_GUID })) .returns(() => of(new AssetsDto(200, []))).verifiable(); assetsState.page({ page: 1, pageSize: 30 }).subscribe(); expect().nothing(); }); it('should skip page size if loaded before', () => { assetsService.setup(x => x.getAssets(app, { take: 30, skip: 0, parentId: MathHelper.EMPTY_GUID })) .returns(() => of(new AssetsDto(200, [asset1, asset2]))).verifiable(); assetsService.setup(x => x.getAssets(app, { take: 30, skip: 30, parentId: MathHelper.EMPTY_GUID, noTotal: true })) .returns(() => of(new AssetsDto(200, []))).verifiable(); assetsState.load().subscribe(); assetsState.page({ page: 1, pageSize: 30 }).subscribe(); expect().nothing(); }); }); describe('Navigating', () => { it('should load with parent id', () => { assetsService.setup(x => x.getAssetFolders(app, '123', 'PathAndItems')) .returns(() => of(new AssetFoldersDto(2, [assetFolder1, assetFolder2], []))).verifiable(); assetsService.setup(x => x.getAssets(app, { take: 30, skip: 0, parentId: '123' })) .returns(() => of(new AssetsDto(200, []))).verifiable(); assetsState.navigate('123').subscribe(); expect().nothing(); }); }); describe('Searching', () => { it('should load with tags if tag toggled', () => { assetsService.setup(x => x.getAssets(app, { take: 30, skip: 0, tags: ['tag1'] })) .returns(() => of(new AssetsDto(0, []))).verifiable(); assetsState.toggleTag('tag1').subscribe(); expect(assetsState.snapshot.tagsSelected).toEqual({ tag1: true }); }); it('should load with tags if tags selected', () => { assetsService.setup(x => x.getAssets(app, { take: 30, skip: 0, tags: ['tag1', 'tag2'] })) .returns(() => of(new AssetsDto(0, []))).verifiable(); assetsState.selectTags(['tag1', 'tag2']).subscribe(); expect(assetsState.snapshot.tagsSelected).toEqual({ tag1: true, tag2: true }); }); it('should load with query if searching', () => { const query = { fullText: 'my-query' }; assetsService.setup(x => x.getAssets(app, { take: 30, skip: 0, query })) .returns(() => of(new AssetsDto(0, []))).verifiable(); assetsState.search(query).subscribe(); expect(assetsState.snapshot.query).toEqual(query); }); }); describe('Updates', () => { beforeEach(() => { assetsService.setup(x => x.getAssetFolders(app, MathHelper.EMPTY_GUID, 'PathAndItems')) .returns(() => of(new AssetFoldersDto(2, [assetFolder1, assetFolder2], []))); assetsService.setup(x => x.getAssets(app, { take: 30, skip: 0, parentId: MathHelper.EMPTY_GUID })) .returns(() => of(new AssetsDto(200, [asset1, asset2]))).verifiable(); assetsService.setup(x => x.getAssets(app, { take: 2, skip: 0, parentId: MathHelper.EMPTY_GUID })) .returns(() => of(new AssetsDto(200, [asset1, asset2]))); assetsState.load(true).subscribe(); }); it('should add asset to snapshot if created', () => { const newAsset = createAsset(5, ['new']); assetsState.addAsset(newAsset); expect(assetsState.snapshot.assets).toEqual([newAsset, asset1, asset2]); expect(assetsState.snapshot.total).toBe(201); }); it('should truncate assets if page size reached', () => { const newAsset = createAsset(5, ['new']); assetsState.page({ page: 0, pageSize: 2 }).subscribe(); assetsState.addAsset(newAsset); expect(assetsState.snapshot.assets).toEqual([newAsset, asset1]); expect(assetsState.snapshot.total).toBe(201); }); it('should not add asset to snapshot if parent id is not the same', () => { const newAsset = createAsset(5, ['new'], '_new', 'other-parent'); assetsState.addAsset(newAsset); expect(assetsState.snapshot.assets).toEqual([asset1, asset2]); expect(assetsState.snapshot.total).toBe(200); }); it('should increment tags if asset added', () => { assetsState.addAsset(createAsset(5, ['new'])); assetsState.addAsset(createAsset(6, ['new'])); expect(assetsState.snapshot.tagsAvailable).toEqual({ tag1: 1, tag2: 1, shared: 2, new: 2 }); }); it('should add asset folder if created', () => { const request = { folderName: 'New Folder', parentId: MathHelper.EMPTY_GUID }; assetsService.setup(x => x.postAssetFolder(app, It.isValue(request))) .returns(() => of(newAssetFolder)); assetsState.createAssetFolder(request.folderName); expect(assetsState.snapshot.folders).toEqual([newAssetFolder, assetFolder1, assetFolder2]); }); it('should add asset folder if path has changed', () => { const otherPath = createAssetFolder(3, '_new', 'otherParent'); const request = { folderName: 'New Folder', parentId: MathHelper.EMPTY_GUID }; assetsService.setup(x => x.postAssetFolder(app, It.isValue(request))) .returns(() => of(otherPath)); assetsState.createAssetFolder(request.folderName); expect(assetsState.snapshot.folders).toEqual([assetFolder1, assetFolder2]); }); it('should update asset if updated', () => { const updated = createAsset(1, ['new'], '_new'); const request = { fileName: 'New Name' }; assetsService.setup(x => x.putAsset(app, asset1, request, asset1.version)) .returns(() => of(updated)); assetsState.updateAsset(asset1, request); expect(assetsState.snapshot.assets).toEqual([updated, asset2]); expect(assetsState.snapshot.tagsAvailable).toEqual({ tag2: 1, shared: 1, new: 1 }); }); it('should update asset folder if updated', () => { const updated = createAssetFolder(1, '_new'); const request = { folderName: 'New Name' }; assetsService.setup(x => x.putAssetFolder(app, assetFolder1, request, assetFolder1.version)) .returns(() => of(updated)); assetsState.updateAssetFolder(assetFolder1, request); expect(assetsState.snapshot.folders).toEqual([updated, assetFolder2]); }); it('should remove asset from snapshot if moved to other folder', () => { const request = { parentId: 'newParent' }; assetsService.setup(x => x.putAssetItemParent(app, asset1, It.isValue(request), asset1.version)) .returns(() => of(versioned(newVersion))); assetsState.moveAsset(asset1, request.parentId).subscribe(); expect(assetsState.snapshot.assets.length).toBe(1); expect(assetsState.snapshot.total).toBe(200); }); it('should not do anything if moving asset to current parent', () => { const request = { parentId: MathHelper.EMPTY_GUID }; assetsState.moveAsset(asset1, request.parentId).pipe(onErrorResumeNext()).subscribe(); expect(assetsState.snapshot.assets.length).toBe(2); expect(assetsState.snapshot.total).toBe(200); }); it('should move asset back to snapshot if moving via api failed', () => { const request = { parentId: 'newParent' }; assetsService.setup(x => x.putAssetItemParent(app, asset1, It.isValue(request), asset1.version)) .returns(() => throwError(() => 'Service Error')); assetsState.moveAsset(asset1, request.parentId).pipe(onErrorResumeNext()).subscribe(); expect(assetsState.snapshot.assets.length).toBe(2); expect(assetsState.snapshot.total).toBe(200); }); it('should remove asset folder from snapshot if moved to other folder', () => { const request = { parentId: 'newParent' }; assetsService.setup(x => x.putAssetItemParent(app, assetFolder1, It.isValue(request), assetFolder1.version)) .returns(() => of(versioned(newVersion))); assetsState.moveAssetFolder(assetFolder1, request.parentId).subscribe(); expect(assetsState.snapshot.folders).toEqual([assetFolder2]); }); it('should not do anything if moving asset folder to itself', () => { const request = { parentId: assetFolder1.id }; assetsState.moveAssetFolder(assetFolder1, request.parentId).pipe(onErrorResumeNext()).subscribe(); expect(assetsState.snapshot.assets.length).toBe(2); }); it('should not do anything if moving asset folder to current parent', () => { const request = { parentId: MathHelper.EMPTY_GUID }; assetsState.moveAssetFolder(assetFolder1, request.parentId).pipe(onErrorResumeNext()).subscribe(); expect(assetsState.snapshot.assets.length).toBe(2); }); it('should move asset folder back to snapshot if moving via api failed', () => { const request = { parentId: 'newParent' }; assetsService.setup(x => x.putAssetItemParent(app, assetFolder1, It.isValue(request), assetFolder1.version)) .returns(() => throwError(() => 'Service Error')); assetsState.moveAssetFolder(assetFolder1, request.parentId).pipe(onErrorResumeNext()).subscribe(); expect(assetsState.snapshot.assets.length).toBe(2); }); it('should remove asset from snapshot if deleted', () => { assetsService.setup(x => x.deleteAssetItem(app, asset1, true, asset1.version)) .returns(() => of(versioned(newVersion))); assetsState.deleteAsset(asset1).subscribe(); expect(assetsState.snapshot.assets).toEqual([asset2]); expect(assetsState.snapshot.total).toBe(199); expect(assetsState.snapshot.tagsAvailable).toEqual({ shared: 1, tag2: 1 }); }); it('should remove asset from snapshot if when referenced and not confirmed', () => { assetsService.setup(x => x.deleteAssetItem(app, asset1, false, asset1.version)) .returns(() => throwError(() => new ErrorDto(404, 'Referenced', 'OBJECT_REFERENCED'))); assetsService.setup(x => x.deleteAssetItem(app, asset1, true, asset1.version)) .returns(() => of(versioned(newVersion))); dialogs.setup(x => x.confirm(It.isAnyString(), It.isAnyString(), It.isAnyString())) .returns(() => of(true)); assetsState.deleteAsset(asset1).subscribe(); expect(assetsState.snapshot.assets).toEqual([asset2]); expect(assetsState.snapshot.total).toBe(199); expect(assetsState.snapshot.tagsAvailable).toEqual({ shared: 1, tag2: 1 }); }); it('should not remove asset if referenced and not confirmed', () => { assetsService.setup(x => x.deleteAssetItem(app, asset1, true, asset1.version)) .returns(() => throwError(() => new ErrorDto(404, 'Referenced', 'OBJECT_REFERENCED'))); dialogs.setup(x => x.confirm(It.isAnyString(), It.isAnyString(), It.isAnyString())) .returns(() => of(false)); assetsState.deleteAsset(asset1).pipe(onErrorResumeNext()).subscribe(); expect(assetsState.snapshot.assets.length).toBe(2); }); it('should remove asset folder from snapshot if deleted', () => { assetsService.setup(x => x.deleteAssetItem(app, assetFolder1, false, assetFolder1.version)) .returns(() => of(versioned(newVersion))); assetsState.deleteAssetFolder(assetFolder1).subscribe(); expect(assetsState.snapshot.folders.length).toBe(1); }); it('should replace tags if renamed', () => { const newTags = {}; assetsService.setup(x => x.putTag(app, 'old-name', { tagName: 'new-name' })) .returns(() => of(newTags)); assetsState.renameTag('old-name', 'new-name').subscribe(); expect(assetsState.snapshot.tagsAvailable).toBe(newTags); }); }); });