IGListKit/Examples/Examples-iOS/IGListKitExamples/ViewControllers/DemosViewController.swift
Abhyas Mall 305a7bce0a Feed View Controller Demo and Improve UI Testing Infrastructure (#1629)
Summary:
## Changes in this pull request

This PR adds a new feed view controller demo to the IGListKit example app, showcasing how to implement a social media feed with IGListKit. The demo features infinite scrolling with pagination, post deletion, and interactive elements. Also, I've improved the UI testing infrastructure by adding helper methods for more reliable tests across different device types. The new helpers make the tests more resilient when dealing with iPad split views and ensure elements are properly visible before interacting with them.

### Checklist

- [X] All tests pass. Demo project builds and runs.
- [X] I added tests, an experiment, or detailed why my change isn't tested.
- [X] I added an entry to the `CHANGELOG.md` for any breaking changes, enhancements, or bug fixes.
- [x] I have reviewed the [contributing guide](https://github.com/Instagram/IGListKit/blob/main/.github/CONTRIBUTING.md)

Pull Request resolved: https://github.com/Instagram/IGListKit/pull/1629

Reviewed By: fabiomassimo

Differential Revision: D77482204

Pulled By: TimOliver

fbshipit-source-id: 44ac86ed253e8452388aad50a1ed05bc6f3a31ab
2025-12-10 17:18:43 +09:00

126 lines
6.1 KiB
Swift

/*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
import IGListKit
import UIKit
final class DemosViewController: UIViewController, ListAdapterDataSource {
let horizontalInset = 16.0
lazy var adapter: ListAdapter = {
return ListAdapter(updater: ListAdapterUpdater(), viewController: self)
}()
let collectionView = UICollectionView(frame: .zero, collectionViewLayout: UICollectionViewFlowLayout())
let demos: [DemoItem] = [
DemoItem(name: "Tail Loading", imageName: "arrow.down.circle",
controllerClass: LoadMoreViewController.self),
DemoItem(name: "Search Autocomplete", imageName: "magnifyingglass",
controllerClass: SearchViewController.self),
DemoItem(name: "Mixed Data", imageName: "square.fill.text.grid.1x2",
controllerClass: MixedDataViewController.self),
DemoItem(name: "Nested Adapter", imageName: "curlybraces",
controllerClass: NestedAdapterViewController.self),
DemoItem(name: "Empty View", imageName: "exclamationmark.triangle",
controllerClass: EmptyViewController.self),
DemoItem(name: "Single Section Controller", imageName: "1.square",
controllerClass: SingleSectionViewController.self),
DemoItem(name: "Storyboard", imageName: "rectangle.on.rectangle",
controllerClass: SingleSectionViewController.self,
controllerIdentifier: "demo"),
DemoItem(name: "Single Section Storyboard", imageName: "rectangle",
controllerClass: SingleSectionStoryboardViewController.self,
controllerIdentifier: "singleSectionDemo"),
DemoItem(name: "Working Range", imageName: "arrow.left.and.right",
controllerClass: WorkingRangeViewController.self),
DemoItem(name: "Diff Algorithm", imageName: "function",
controllerClass: DiffTableViewController.self),
DemoItem(name: "Supplementary Views", imageName: "square.stack.3d.up",
controllerClass: SupplementaryViewController.self),
DemoItem(name: "Self-sizing cells", imageName: "brain",
controllerClass: SelfSizingCellsViewController.self),
DemoItem(name: "Display delegate", imageName: "megaphone",
controllerClass: DisplayViewController.self),
DemoItem(name: "Objc Demo", imageName: "c.square",
controllerClass: ObjcDemoViewController.self),
DemoItem(name: "Objc Generated Model Demo", imageName: "c.circle",
controllerClass: ObjcGeneratedModelDemoViewController.self),
DemoItem(name: "Calendar (auto diffing)", imageName: "calendar",
controllerClass: CalendarViewController.self),
DemoItem(name: "Dependency Injection", imageName: "syringe",
controllerClass: AnnouncingDepsViewController.self),
DemoItem(name: "Reorder Cells", imageName: "arrow.up.and.down.and.arrow.left.and.right",
controllerClass: ReorderableViewController.self),
DemoItem(name: "Compositional Layout", imageName: "square.stack",
controllerClass: CompositionLayoutViewController.self),
DemoItem(name: "Feed View", imageName: "camera.circle", controllerClass: FeedViewController.self)
]
override func viewDidLoad() {
super.viewDidLoad()
title = "IGListKit"
navigationController?.navigationBar.prefersLargeTitles = true
collectionView.alwaysBounceVertical = true
collectionView.backgroundColor = .groupedBackground
collectionView.contentInset = UIEdgeInsets(top: 0, left: horizontalInset, bottom: 0, right: horizontalInset)
view.addSubview(collectionView)
adapter.collectionView = collectionView
adapter.dataSource = self
if splitViewController?.viewControllers.count ?? 0 < 2, let demoItem = demos.first {
let viewController = demoItem.controllerClass.init()
viewController.title = demoItem.name
let navigationController = UINavigationController(rootViewController: viewController)
navigationController.navigationBar.prefersLargeTitles = true
splitViewController?.viewControllers.append(navigationController)
}
}
override func viewDidLayoutSubviews() {
super.viewDidLayoutSubviews()
collectionView.collectionViewLayout.invalidateLayout()
collectionView.frame = view.bounds
}
override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
guard let splitViewController = splitViewController else {
return
}
if splitViewController.viewControllers.count > 1 {
// When on iPad, this view controller is visible all the time, so on initial launch, select the first section
if let firstSection = adapter.sectionController(forSection: 0) {
firstSection.collectionContext.selectItem(at: 0, sectionController: firstSection, animated: false, scrollPosition: .top)
firstSection.didSelectItem(at: 0)
}
} else {
// On iPhone, deselect all cells when returning to this view controller (since we'll be coming back from a navigation pop)
for sectionController in adapter.visibleSectionControllers() {
sectionController.collectionContext.deselectItem(at: 0, sectionController: sectionController, animated: animated)
// UIColletionView doesn't call the deselection delegate by design when manually deselected, so manually deselect here
sectionController.didDeselectItem(at: 0)
}
}
}
// MARK: ListAdapterDataSource
func objects(for listAdapter: ListAdapter) -> [ListDiffable] {
return demos
}
func listAdapter(_ listAdapter: ListAdapter, sectionControllerFor object: Any) -> ListSectionController {
return DemoSectionController()
}
func emptyView(for listAdapter: ListAdapter) -> UIView? {
return nil
}
}