Add Content

Author: KevinHM

chapter6/final_thoughts.md

@@ -1 +1,29 @@
 # 终稿
+
+MVVM是一个非常有趣的架构。在这方面我思考的越多，它对我的意义便越大。诚然，本章中的视图模型所呈现的业务逻辑都很轻量。我已经把它们上传到[Github仓库](https://github.com/ashfurrow/FunctionalReactivePixels)里了，但是本章作为一个MVVM的示例为初学者的开始提供了参考。
+
+我想提供一个具体的例子来说明它比MVC更有竞争力，更具意义。
+
+这个例子中视图控制器有很多业务逻辑。最近我创建的一个App中，我们有一堆数据，支持下拉刷新,每一个元素点击之后会推出详情页面。非常标准的东西。然而，这一堆数据彼此之间来路是不一样的，有的是主API入口的数据结果，有的是它们的搜索结果，有的是App在编译时就决定的静态元素。
+
+使用MVC的话，我想到了两种方法来解决：
+
+  1. 在臃肿的视图控制器中创建一个类处理显示,并管理所有的数据内容
+  2. 毫无疑问，另一种方法就是子类化一个视图控制器的抽象基类来包含所有内容的通用逻辑。
+
+这是过去我所采用的方式，但这方式很难重构，比方说：有些所有类型的通用内容变得只对部分类型有效时。这同样也能被称为是一种黑客攻击，因为Objective-C不支持抽象类。
+
+我采用的方法是使用符合该视图控制器所依赖的协议的不同的视图模型。通过将定制的业务逻辑放置于视图模型中，我避免了视图控制器的臃肿化，视图控制器仅需要根据视图模型的协议来知道如何显示即可。 MVVM是子类化视图控制器的一个很好的选择。
+
+另外，如果你有多平台需求(比如说：iOS & OSX)，他们可以共用一套视图模型，因为他们不牵扯到视图本身的逻辑。你甚至可以走得更远，用另外的语言来生成视图模型，然后生成指定的语言的视图模型对象比如：Objective-C、C#、Ruby、Java或者其他你需要的任何语言。疯狂吧这玩意~
+
+最后，我们并没有真正地涉及到`RACCommand`的使用。我将利用Justin Spahr-Summers的观念在MVVM的范畴来解释它。
+
+1. 控制(事件)与它交互
+2. 一个属于视图模型的命令被执行
+3. 视图模型的逻辑被运行(运行的是命令初始化时的signalBlock)
+4. 视图模型通过ReactiveCocoa来间接通知视图。在我们的例程中，视图会被更新。
+
+再一次强调[Github仓库](https://github.com/ashfurrow/FunctionalReactivePixels)包含了我们在本书中没有能够涉及的，关于`RACCommand`的，使用的详细信息。去看一看吧！
+
+MVVM效果很好，与ReactiveCocoa结合起来使用更好。你没有必要一下子就被它“招安”了。你可以从小处着手，先在一个视图控制器中使用，看看你到底能有多喜欢它。在你的下一个项目中尝试使用它把，你会看到它如何彻底简化你的视图控制器的复杂度。

chapter6/testing_viewModels.md

@@ -353,8 +353,109 @@ describe (@"FRPPhotoViewModel", ^{
 现在来看这个复杂的初始化方法，这东西看起来真巨大！近20行纯粹的未经测试的代码。哎呀！让我们来一点点简化这个事情，并逐步加上我们的测试代码。
 
 ```Objective-C
+- (instancetype)initWithModel:(FRPPhotoModel *)photoModel {
+	self = [super initWithModel:photoModel];
+	if(!self) return nil;
+	
+	@weakify(self);
+	[self.didBecomeActiveSignal subscribeNext:^(id x) {
+		@strongify(self);
+		[self downloadPhotoModelDetails];
+	}];
+	
+	RAC(self, photoImage) = [RACObserve(self.model, fullsizedData) map:^id (id value) {
+		return [UIImage imageWithData:value];
+	}];
+	
+	return self;
+}
+
+- (void)downloadPhotoModelDetails {
+	self.loading = YES;
+	[[FRPPhotoImporter fetchPhotoDetails:self.model] subscribeError:^(NSError *error) {
+		NSLog(@"Could not fetch photo details : %@",error);
+	} completed:^ {
+		self.loading = NO;
+		NSLog(@"Fetched photo details.");
+	}];
+}
+
+```
+
+我们选择了不直接测试`fetchPhotoDetails:`,所以我们把它置于一个实例方法中，以便更容易对它进行测试。这个方法(即`fetchPhotoDetails:`)实现的细节在这里对我们不重要。
+
+现在开始写关于它的测试代码吧：
+
+```Objective-C
+it(@"should download photo model details when it becomes active", ^{
+	FRPPhotoViewModel *viewModel = [[FRPPhotoViewModel alloc] initWithModel:nil];
+	
+	id mockViewModel = [OCMockObject partialMockForObject:viewModel];
+	[[mockViewModel expect] downloadPhotoModelDetails];
+	
+	[mockViewModel setActive:YES];
+	[mockViewModel verify];
+});
+```
+
+注意看初始化方法中不产生(函数)副作用而是把这种副作用放在订阅`didBecomeActiveSignal`的Block块中时，测试视图模型的代码是多么简单！
+
+现在我们需要测试剩下的那些视图模型，他们全部非常简单。我们使用更少的mock，因为很多的业务逻辑仅仅是视图模型的model值到他自己的属性的映射。
+
+```Objective-C
+it (@"should return the photo's name property when photoName is invoked", ^{
+	NSString *name = @"Ash";
+	
+	id mockPhotoModel = [OCMockObject mockForClass:[FRPPhotoModel class]];
+	[[[mockPhotoModel stub] andReturn:name] photoName];
+	
+	FRPPhotoViewModel *viewModel = [[FRPPhotoViewModel alloc] initWithModel:nil];
+	id mockViewModel = [OCMockObject partialMockForObject:viewModel];
+	[[[mockViewModel stub] andReturn:mockPhotoModel] model];
+	
+	id returnedName = [mockViewModel photoName];
+	
+	expect(returnedName).to.equal(name);
+	
+	[mockPhotoModel stopMocking];
+});
+
+it (@"should correctly map image data to UIImage", ^{
+	UIImage *image = [[UIImage alloc] init];
+	NSData *imageData = [NSData data];
+	
+	id mockImage = [OCMockObject mockForClass:[UIImage class]];
+	[[[mockImage stub] andReturn:image] imageWithData:imageData];
+	
+	FRPPhotoModel *photoModel = [[FRPPhotoModel alloc] init];
+	
+	photoModel.fullsizedData = imageData;
+	
+	__unused FRPPhotoViewModel *viewModel = [[FRPPhotoViewModel alloc] initWithModel:photoModel];
+	
+	[mockImage verify];
+	[mockImage stopMocking];
+	
+});
+
+it(@"should return the correct photo name", ^{
+	NSString *name = @"Ash";
+	
+	FRPPhotoModel *photoModel = [[FRPPhotoModel alloc] init];
+	photoModel.photoName = name;
+	
+	FRPPhotoViewModel *viewModel = [[FRPPhotoViewModel alloc] initWithModel:photoModel];
+	
+	NSString *returnedName = [viewModel photoName];
+	
+	expect(name).to.equal(returnedName);
+});
 
 ```
 
+这就是为视图模型撰写单元测试的全部内容了。
+
+在理想的情况下，单元测试能帮助改进你的代码质量。小巧而高内聚的方法比随意的满是副作用的方法更招人待见。它简单而完美地诠释了函数响应型编程的精髓。
 
+测试MVVM的好处是：我们不用触及UIKit。请记住，写得好的MVVM视图模型的特点是：该视图模型不会与用户交互的接口类有任何交互。