mirror of
				https://github.com/immich-app/immich.git
				synced 2025-11-04 03:39:37 -05:00 
			
		
		
		
	* Improve scroll performance by introducing repaint boundaries and moving more calculations to providers. * Add error handing for malformed dates. * Remove unused method * Use compute in different places to improve app performance during heavy tasks * Fix test * Refactor `List<RenderAssetGridElement>` to separate `RenderList` class and make `fromAssetGroups` a static method of this class. * Fix loading indicator bug * Use provider directly * `RenderList` refactoring * `AssetNotifier` refactoring * Move `combine` to static private method * Extract compute methods in cache services to static private methods. * Use `tryParse` instead of `parse` with try/catch for dates. * Fix bug in caching mechanism. * Fixed state not being used to trigger conditional rendering * styling * Corrected state Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
		
			
				
	
	
		
			120 lines
		
	
	
		
			3.4 KiB
		
	
	
	
		
			Dart
		
	
	
	
	
	
			
		
		
	
	
			120 lines
		
	
	
		
			3.4 KiB
		
	
	
	
		
			Dart
		
	
	
	
	
	
import 'package:flutter_test/flutter_test.dart';
 | 
						|
import 'package:immich_mobile/modules/home/ui/asset_grid/asset_grid_data_structure.dart';
 | 
						|
import 'package:immich_mobile/shared/models/asset.dart';
 | 
						|
import 'package:openapi/api.dart';
 | 
						|
 | 
						|
void main() {
 | 
						|
  final List<Asset> testAssets = [];
 | 
						|
 | 
						|
  for (int i = 0; i < 150; i++) {
 | 
						|
    int month = i ~/ 31;
 | 
						|
    int day = (i % 31).toInt();
 | 
						|
 | 
						|
    DateTime date = DateTime(2022, month, day);
 | 
						|
 | 
						|
    testAssets.add(
 | 
						|
      Asset.remote(
 | 
						|
        AssetResponseDto(
 | 
						|
          type: AssetTypeEnum.IMAGE,
 | 
						|
          id: '$i',
 | 
						|
          deviceAssetId: '',
 | 
						|
          ownerId: '',
 | 
						|
          deviceId: '',
 | 
						|
          originalPath: '',
 | 
						|
          resizePath: '',
 | 
						|
          createdAt: date.toIso8601String(),
 | 
						|
          modifiedAt: date.toIso8601String(),
 | 
						|
          isFavorite: false,
 | 
						|
          mimeType: 'image/jpeg',
 | 
						|
          duration: '',
 | 
						|
          webpPath: '',
 | 
						|
          encodedVideoPath: '',
 | 
						|
          livePhotoVideoId: '',
 | 
						|
        ),
 | 
						|
      ),
 | 
						|
    );
 | 
						|
  }
 | 
						|
 | 
						|
  final Map<String, List<Asset>> groups = {
 | 
						|
    '2022-01-05': testAssets.sublist(0, 5).map((e) {
 | 
						|
      e.createdAt = DateTime(2022, 1, 5);
 | 
						|
      return e;
 | 
						|
    }).toList(),
 | 
						|
    '2022-01-10': testAssets.sublist(5, 10).map((e) {
 | 
						|
      e.createdAt = DateTime(2022, 1, 10);
 | 
						|
      return e;
 | 
						|
    }).toList(),
 | 
						|
    '2022-02-17': testAssets.sublist(10, 15).map((e) {
 | 
						|
      e.createdAt = DateTime(2022, 2, 17);
 | 
						|
      return e;
 | 
						|
    }).toList(),
 | 
						|
    '2022-10-15': testAssets.sublist(15, 30).map((e) {
 | 
						|
      e.createdAt = DateTime(2022, 10, 15);
 | 
						|
      return e;
 | 
						|
    }).toList()
 | 
						|
  };
 | 
						|
 | 
						|
  group('Test grouped', () {
 | 
						|
    test('test grouped check months', () async {
 | 
						|
      final renderList = await RenderList.fromAssetGroups(groups, 3);
 | 
						|
 | 
						|
      // Jan
 | 
						|
      // Day 1
 | 
						|
      // 5 Assets => 2 Rows
 | 
						|
      // Day 2
 | 
						|
      // 5 Assets => 2 Rows
 | 
						|
      // Feb
 | 
						|
      // Day 1
 | 
						|
      // 5 Assets => 2 Rows
 | 
						|
      // Oct
 | 
						|
      // Day 1
 | 
						|
      // 15 Assets => 5 Rows
 | 
						|
      expect(renderList.elements.length, 18);
 | 
						|
      expect(renderList.elements[0].type, RenderAssetGridElementType.monthTitle);
 | 
						|
      expect(renderList.elements[0].date.month, 1);
 | 
						|
      expect(renderList.elements[7].type, RenderAssetGridElementType.monthTitle);
 | 
						|
      expect(renderList.elements[7].date.month, 2);
 | 
						|
      expect(renderList.elements[11].type, RenderAssetGridElementType.monthTitle);
 | 
						|
      expect(renderList.elements[11].date.month, 10);
 | 
						|
    });
 | 
						|
 | 
						|
    test('test grouped check types', () async {
 | 
						|
      final renderList = await RenderList.fromAssetGroups(groups, 5);
 | 
						|
 | 
						|
      // Jan
 | 
						|
      // Day 1
 | 
						|
      // 5 Assets
 | 
						|
      // Day 2
 | 
						|
      // 5 Assets
 | 
						|
      // Feb
 | 
						|
      // Day 1
 | 
						|
      // 5 Assets
 | 
						|
      // Oct
 | 
						|
      // Day 1
 | 
						|
      // 15 Assets => 3 Rows
 | 
						|
 | 
						|
      final types = [
 | 
						|
        RenderAssetGridElementType.monthTitle,
 | 
						|
        RenderAssetGridElementType.dayTitle,
 | 
						|
        RenderAssetGridElementType.assetRow,
 | 
						|
        RenderAssetGridElementType.dayTitle,
 | 
						|
        RenderAssetGridElementType.assetRow,
 | 
						|
        RenderAssetGridElementType.monthTitle,
 | 
						|
        RenderAssetGridElementType.dayTitle,
 | 
						|
        RenderAssetGridElementType.assetRow,
 | 
						|
        RenderAssetGridElementType.monthTitle,
 | 
						|
        RenderAssetGridElementType.dayTitle,
 | 
						|
        RenderAssetGridElementType.assetRow,
 | 
						|
        RenderAssetGridElementType.assetRow,
 | 
						|
        RenderAssetGridElementType.assetRow
 | 
						|
      ];
 | 
						|
 | 
						|
      expect(renderList.elements.length, types.length);
 | 
						|
 | 
						|
      for (int i = 0; i < renderList.elements.length; i++) {
 | 
						|
        expect(renderList.elements[i].type, types[i]);
 | 
						|
      }
 | 
						|
    });
 | 
						|
  });
 | 
						|
}
 |