接下来利用斯威夫特(Swift)语言实现,现在众六人在开发iOS时都使用

Designer News.png

前日广大人在开发iOS时都利用ReactiveCocoa,它是一个函数式和响应式编程的框架,使用Signal来代替KVO、Notification、Delegate和Target-Action等传递音信和缓解对象期间状态与气象的倚重过多问题。但过多时候使用它之后,怎样编写单元测试来证实程序是否科学吧?下面首先了然MVVM架构,然后通过一个例子来讲述自己何以在RAC(ReactiveCocoa简称)中行使Kiwi来编排单元测试。

前段时间在design+code购入了一个学学iOS设计和编码在线课程,使用Sketch设计App,然后利用斯威夫特语言实现Designer
News
客户端。作者Meng
To已经开源到Github:MengTo/DesignerNewsApp ·
GitHub
。固然实现整个Designer
News客户端基本效率,不过使用臃肿MVC(Model-View-Controller)架构,不易于代码的测试和复用,于是采取ReactiveCocoa落实MVVM(Model-View-View
Model)架构,加上一个用Objective-C实现的BDD测试框架Kiwi来单元测试,就足以表现使得开发iOS
App。

MVVM架构

MVVM high level

在MVVM架构中,平时都将view和view
controller看做一个完好无损。绝对于事先MVC架构中view
controller执行很多在view和model之间数据映射和交互的办事,现在将它交给view
model去做。
关于选取哪一类体制来更新view
model或view是绝非强制的,但通常大家都选取ReactiveCocoa。ReactiveCocoa会监听model的更动然后将这个改动映射到view
model的性质中,并且可以进行一些作业逻辑。

举个例子来说,有一个model包含一个dateAdded的习性,我想监听它的变通然后更新view
model的dateAdded属性。但model的dateAdded属性的数据类型是NSDate,而view
model的数据类型是NSString,所以在view
model的init方法中展开数据绑定,但需要数据类型转换。示例代码如下:

RAC(self,dateAdded) = [RACObserve(self.model,dateAdded) map:^(NSDate*date){ 
    return [[ViewModel dateFormatter] stringFromDate:date];
}];

ViewModel调用dateFormatter举办数量转换,且方法dateFormatter能够复用到另外位置。然后view
controller监听view model的dateAdded属性且绑定到label的text属性。

RAC(self.label,text) = RACObserve(self.viewModel,dateAdded);

近年来大家抽象出日期转换来字符串的逻辑到view
model,使得代码可以测试复用,并且帮view controller瘦身

ReactiveCocoa

ReactiveCocoa是一个用Objective-C编写,具有函数式和响应式特性的编程框架。大多数的开发者他们缓解问题的商量模式都是咋样做到任务,平时的做法就是编辑很多下令,然后修改紧要数据结构的图景,那种编程范式叫做命令式编程(Imperative
Programming
)。与命令式编程不同的是函数式编程(Functional
Programming
),思考问题的主意是完成什么任务,如何描述这几个任务。关于对函数式编程入门概念的接头,可以参考酷壳《函数式编程》这篇作品,深切浅出对函数式编程的构思格局、特性和技术通过一些演示来教学。

登录现象

图片 1

签到现象

如图所示,这是一个概括的登录界面:有用户名和密码的几个输入框,一个签到按钮。用户输入完用户名和密码后,点击登录按钮后,成功登录。但此间有界定条件:用户名必须满意邮件的格式和密码长度必须在6位以上。当同时知足这两个标准化后才能点击按钮,否则按钮是不足点击的。我们可以从github中下载实例代码

首先我们先画界面,我定义一个LoginView,将画登录界面的权利都交由它。然后在LoginViewController中的viewDidLoad方法调用buildViewHierarchy加载它

#pragma mark - Lifecycle
- (void)viewDidLoad {
    [super viewDidLoad];

    // build view hierarchy
    [self buildViewHierarchy];
    // bind data
    [self bindData];
    // handle events
    [self handleEvents];
}

- (void)buildViewHierarchy
{
    [self.view addSubview:self.rootView];
    [self.rootView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.equalTo(self.view);
    }];
}

接下去我们要思考UI咋样互相和哪些设计和促成怎么样类来拍卖。由于用户名和密码要同时满足验证格式时才能点击登录按钮,所以需要时刻监听usernameTextFieldpasswordTextField的text属性,对于拍卖UI交互、数据校验以及转换都交给MVVM架构中ViewModel来处理。于是定义一个LoginViewModel,并继承RVMViewModel,这个RVMViewModel有个active属性来代表viewModel是否处于活跃状态,当active是YES时,更新或展现UI。当active是NO时,不立异或隐藏UI。

@interface LoginViewModel : RVMViewModel

#pragma mark - UI state
/*
 @brief 用户名
 */
@property (copy, nonatomic) NSString *username;
/*
 @brief 密码
 */
@property (copy, nonatomic) NSString *password;

#pragma mark - Handle events
/*
 @brief 处理用户民和密码是否有效才能点击按钮以及登陆事件
 */
@property (nonatomic, strong) RACCommand *loginCommand;

#pragma mark - Methods
- (RACSignal *)isValidUsernameAndPasswordSignal;

@end

地点还有一个loginCommand属性和isValidUsernameAndPasswordSignal方法等下会详细介绍。定义LoginViewModel类后,在LoginViewController整合和委托的方法来利用LoginViewModel并使用Lazy
Initialization
来最先化它。

@interface LoginViewController ()

#pragma mark - View model
@property (strong, nonatomic) LoginViewModel *loginViewModel;

@end

@implementation LoginViewController

#pragma mark - Custom Accessors
- (LoginViewModel *)loginViewModel
{
    if (!_loginViewModel) {
        _loginViewModel = [LoginViewModel new];
    }
    return _loginViewModel;
}

最终调用bindData方法举办数码绑定

- (void)bindData
{
    RAC(self.loginViewModel, username) = self.rootView.usernameTextField.rac_textSignal;
    RAC(self.loginViewModel, password) = self.rootView.passwordTextField.rac_textSignal;
}

ReactiveCocoa解决什么问题?

  • 目的之间状态与气象的依赖性过多问题
    借用ReactiveCocoa中一个例子来表达:用户在报到界面时,有一个用户名输入框和密码输入框,还有一个报到按钮。登录交互要求如下:
  1. 当用户名和密码符合验证格式,并且在此以前还没登录时,登录按钮才能点击。
  2. 当点击登录成功登录后,设置已登录状态。

价值观的做法代码如下:

static void *ObservationContext = &ObservationContext;

- (void)viewDidLoad {
   [super viewDidLoad];

   [LoginManager.sharedManager addObserver:self forKeyPath:@"loggingIn" options:NSKeyValueObservingOptionInitial context:&ObservationContext];
   [NSNotificationCenter.defaultCenter addObserver:self selector:@selector(loggedOut:) name:UserDidLogOutNotification object:LoginManager.sharedManager];

   [self.usernameTextField addTarget:self action:@selector(updateLogInButton) forControlEvents:UIControlEventEditingChanged];
   [self.passwordTextField addTarget:self action:@selector(updateLogInButton) forControlEvents:UIControlEventEditingChanged];
   [self.logInButton addTarget:self action:@selector(logInPressed:) forControlEvents:UIControlEventTouchUpInside];
}

- (void)dealloc {
   [LoginManager.sharedManager removeObserver:self forKeyPath:@"loggingIn" context:ObservationContext];
   [NSNotificationCenter.defaultCenter removeObserver:self];
}

- (void)updateLogInButton {
   BOOL textFieldsNonEmpty = self.usernameTextField.text.length > 0 && self.passwordTextField.text.length > 0;
   BOOL readyToLogIn = !LoginManager.sharedManager.isLoggingIn && !self.loggedIn;
   self.logInButton.enabled = textFieldsNonEmpty && readyToLogIn;
}

- (IBAction)logInPressed:(UIButton *)sender {
   [[LoginManager sharedManager]
       logInWithUsername:self.usernameTextField.text
       password:self.passwordTextField.text
       success:^{
           self.loggedIn = YES;
       } failure:^(NSError *error) {
           [self presentError:error];
       }];
}

- (void)loggedOut:(NSNotification *)notification {
   self.loggedIn = NO;
}

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
   if (context == ObservationContext) {
       [self updateLogInButton];
   } else {
       [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
   }
}

上述使用KVO、Notification、Target-Action等处理事件或消息的办法编写的代码分散到各种地点,变得乱七八糟和麻烦知晓;可是拔取RACSignal统一处理的话,代码更加简洁和易读。使用RAC后代码如下:

- (void)viewDidLoad {
    [super viewDidLoad];

    @weakify(self);

    RAC(self.logInButton, enabled) = [RACSignal
        combineLatest:@[
            self.usernameTextField.rac_textSignal,
            self.passwordTextField.rac_textSignal,
            RACObserve(LoginManager.sharedManager, loggingIn),
            RACObserve(self, loggedIn)
        ] reduce:^(NSString *username, NSString *password, NSNumber *loggingIn, NSNumber *loggedIn) {
            return @(username.length > 0 && password.length > 0 && !loggingIn.boolValue && !loggedIn.boolValue);
        }];

    [[self.logInButton rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(UIButton *sender) {
        @strongify(self);

        RACSignal *loginSignal = [LoginManager.sharedManager
            logInWithUsername:self.usernameTextField.text
            password:self.passwordTextField.text];

            [loginSignal subscribeError:^(NSError *error) {
                @strongify(self);
                [self presentError:error];
            } completed:^{
                @strongify(self);
                self.loggedIn = YES;
            }];
    }];

    RAC(self, loggedIn) = [[NSNotificationCenter.defaultCenter
        rac_addObserverForName:UserDidLogOutNotification object:nil]
        mapReplace:@NO];
}
  • 观念MVC架构中,由于Controller承担数据评释、映射数据模型到View和操作View层次结构等两个权利,导致Controller过于臃肿,不便民代码的复用和测试。
    在观念的MVC架构中,紧要有Model,
    View和Controller三部分组成。Model重假诺保留数据和处理事情逻辑,View将数据展现,而Controller调解关于Model和View之间的保有交互。
    当数码到达时,Model通过Key-Value Observation来打招呼View Controller,
    然后View Controller更新View。当View与用户交互后,View
    Controller更新Model。

Typical MVC paradigm.png

正如您所见,View
Controller隐式承担众多权利:数据印证、映射数据模型到View和操作View层次结构。MVVM将众多逻辑从View
Controller移走到View-Model,等介绍完ReactiveCocoa后会介绍MVVM架构。还有一些有关什么减负View
Controller好作品请参阅objc中国更轻量的View
Controllers体系:

  • 更轻量的 View
    Controllers

  • 整洁的 Table View
    代码

  • 测试 View
    Controllers

  • 选用Signal来代表KVO、Notification、Delegate和Target-Action等传递信息
    iOS开发中有多种信息传递形式,KVO、Notification、Delegate、Block和Target-Action,对于它们中间有怎么着区别以及怎样采取请参见《音信传递机制》。但RAC提供RACSignal来归并音讯传递机制,不再为啥以抉择何种传递信息格局而烦恼。

    RAC对常用UI控件事件举办封装成一个RACSignal对象,以便对爆发的各个风波开展监听。
    KVO示例代码如下:

// When self.username changes, logs the new name to the console.
//
// RACObserve(self, username) creates a new RACSignal that sends the current
// value of self.username, then the new value whenever it changes.
// -subscribeNext: will execute the block whenever the signal sends a value.
[RACObserve(self, username) subscribeNext:^(NSString *newName) {
    NSLog(@"%@", newName);
}];

Target-Action示例代码如下:

// Logs a message whenever the button is pressed.
//
// RACCommand creates signals to represent UI actions. Each signal can
// represent a button press, for example, and have additional work associated
// with it.
//
// -rac_command is an addition to NSButton. The button will send itself on that
// command whenever it's pressed.
self.button.rac_command = [[RACCommand alloc] initWithSignalBlock:^(id _) {
    NSLog(@"button was pressed!");
    return [RACSignal empty];
}];

Notification示例代码如下:

 // Respond to when email text start and end editing
 [[[NSNotificationCenter defaultCenter] rac_addObserverForName:UITextFieldTextDidBeginEditingNotification object:self.emailTextField] subscribeNext:^(id x) {
      [self.emailImageView animate];
      self.emailImageView.image = [UIImage imageNamed:@"icon-mail-active"];
      self.emailTextField.background = [UIImage imageNamed:@"input-outline-active"];
  }];

 [[[NSNotificationCenter defaultCenter] rac_addObserverForName:UITextFieldTextDidEndEditingNotification object:self.emailTextField] subscribeNext:^(id x) {
      self.emailTextField.background = [UIImage imageNamed:@"input-outline"];
      self.emailImageView.image = [UIImage imageNamed:@"icon-mail"];
  }];

除了,还足以采取AFNetworking做客服务器后对回到数据自成立一个RACSignal。示例代码如下:

 + (RACSubject*)storiesForSection:(NSString*)section page:(NSInteger)page
{
    RACSubject* signal = [RACSubject subject];

    NSDictionary* parameters = @{
        @"page" : [NSString stringWithFormat:@"%ld", (long)page],
        @"client_id" : clientID
    };

    [[AFHTTPSessionManager manager] GET:[DesignerNewsURL stroiesURLString] parameters:parameters success:^(NSURLSessionDataTask* task, id responseObject) {
                NSLog(@"url string = %@", task.currentRequest.URL);
                [signal sendNext:responseObject];
                [signal sendCompleted];
    } failure:^(NSURLSessionDataTask* task, NSError* error) {
                NSLog(@"url string = %@", task.currentRequest.URL);
                [signal sendError:error];
    }];

    return signal;
}

稍微朋友可以感觉到有些意外,下面代码明明重返的是RACSubject,而不是RACSignal,其实RACSubject是RACSignal的子类,可是RACSubject写出代码更加简明,所以利用RACSubject(官方不推荐采用)。等下将RAC大旨类设计时,你就会询问它们中间的关联和哪些抉择。

多少绑定测试

设若usernameText菲尔德(Field)(Field).text、passwordText菲尔德(Field)(Field).text与loginViewModel.username、loginViewModel.password已经绑定数据,那么usernameTextField(Field).text和passwordTextField.text的多寡变动的话,一定会引起loginViewModel.username和loginViewModel.password的更改。那么测试用例可以如此设计:

数据绑定 Test Case

用kiwi编写测试如下:

SPEC_BEGIN(LoginViewControllerSpec)

describe(@"LoginViewController", ^{
    __block LoginViewController *controller = nil;

    beforeEach(^{
        controller = [LoginViewController new];
        [controller view];
    });

    afterEach(^{
        controller = nil;
    });

    describe(@"Root View", ^{
        __block LoginView *rootView = nil;

        beforeEach(^{
            rootView = controller.rootView;
        });

        context(@"when view did load", ^{
            it(@"should bind data", ^{
                rootView.usernameTextField.text = @"samlau";
                rootView.passwordTextField.text = @"freedom";

                [rootView.usernameTextField sendActionsForControlEvents:UIControlEventEditingChanged];
                [rootView.passwordTextField sendActionsForControlEvents:UIControlEventEditingChanged];

                [[controller.loginViewModel.username should] equal:rootView.usernameTextField.text];
                [[controller.loginViewModel.password should] equal:rootView.passwordTextField.text];
            });
        });

    });
});

SPEC_END

其一测试中有两点亟待着重表明:

  • 起始化完controller之后,controller一定要调用view艺术来加载controller的view,否则不会调用viewDidLoad方法。

如若稍微朋友对controller怎样管理view生命周期不领会,能够翻阅View
Controller Programming Guide for
iOS
文档中的A
View Controller Instantiates Its View Hierarchy When Its View is
Accessed
章节

Loading a view into memory from Apple Document

  • usernameText菲尔德(Field)(Field)和passwordText菲尔德(Field)一定要调用sendActionsForControlEvents模式来布告UI已经更新。

[rootView.usernameTextField sendActionsForControlEvents:UIControlEventEditingChanged];
[rootView.passwordTextField sendActionsForControlEvents:UIControlEventEditingChanged];

一开首时,我并不曾调用sendActionsForControlEvents主意导致loginViewModel.usernameloginViewModel.password属性并不曾更新。当时本人起来钻探,是不是还亟需任何标准还是能接触它改进呢?由于自己利用UITextFieldrac_textSignal性能,于是自己就翻开它的源代码:

- (RACSignal *)rac_textSignal {
   @weakify(self);
   return [[[[[RACSignal
       defer:^{
           @strongify(self);
           return [RACSignal return:self];
       }]
       concat:[self rac_signalForControlEvents:UIControlEventEditingChanged |  UIControlEventEditingDidBegin]]
       map:^(UITextField *x) {
           return x.text;
       }]
       takeUntil:self.rac_willDeallocSignal]
       setNameWithFormat:@"%@ -rac_textSignal", self.rac_description];
}

从源代码可以领会,只有触及UIControlEventEditingChangedUIControlEventEditingDidBegin事件时才能创造RACSignal对象。

ReactiveCocoa核心类设计

关于RAC核心类设计,官方文档有详尽的解释:Framework
Overview

政工逻辑测试

鉴于此地需要证实用户名和密码,复用性高,我不将拍卖逻辑放在viewModel中,而是定义一个DataValidation来处理。这里的用户名是邮箱格式,而密码要求长度超过等于6即可,方法如下:

@interface DataValidation : NSObject

+ (BOOL)isValidEmail:(NSString *)data;
+ (BOOL)isValidPassword:(NSString *)password;

@end

测试用例规划如下:

多少印证 Test Case.png

然后选取kiwi编写测试如下:

SPEC_BEGIN(DataValidationSpec)

describe(@"DataValidation", ^{
    context(@"when email is samlau@163.com", ^{
        it(@"should return YES", ^{
            BOOL result = [DataValidation isValidEmail:@"samlau@163.com"];
            [[theValue(result) should] beYes];
        });
    });

    context(@"when email is samlau163.com", ^{
        it(@"should return YES", ^{
            BOOL result = [DataValidation isValidEmail:@"samlau163.com"];
            [[theValue(result) should] beNo];
        });
    });

    ......省略两个测试用例
});

Sequence和Signal基本操作

叩问完整个RAC核心类设计之后,要学会对Sequence和Signal基本操作,比如:用signal执行side
effects,转换streams, 合并stream和合并signal。详情请查阅官方文档:Basic
Operators

ViewModel层测试

前方已经形成了数据绑定和数据校验逻辑,接下去思考利用哪个类处理用户名和密码是否管用才能点击和点击按钮后,怎么着调用网络层在来匹配用户名和密码,RAC提供一个RACCommand类。LoginViewModel概念一个性质loginCommand,并在兑现公文中使用Lazy Initialization初始化:

- (RACCommand *)loginCommand
{
    if (!_loginCommand) {
        _loginCommand = [[RACCommand alloc] initWithEnabled:[self isValidUsernameAndPasswordSignal] signalBlock:^RACSignal *(id input) {

            return [LoginClient loginWithUsername:self.username password:self.password];
        }];
    }
    return _loginCommand;
}

下边有一个着重艺术isValidUsernameAndPasswordSignal来监听和注脚用户名和密码:

- (RACSignal *)isValidUsernameAndPasswordSignal
{
    return [RACSignal combineLatest:@[RACObserve(self, username), RACObserve(self, password)] reduce:^(NSString *username, NSString *password) {
         return @([DataValidation isValidEmail:username] && [DataValidation isValidPassword:password]);
    }];
}

鉴于地点的点子isValidUsernameAndPasswordSignal已经监听LoginViewModel的username和password,当username和password其中一个改动时,DataValidation类都会调用isValidEmailisValidPassword来多少说明,并将结果包裹成RACSignal目标回来。

测试用例统筹如下:

View Model Test Case

接下来利用kiwi编写测试如下:

describe(@"LoginViewModel", ^{
    __block LoginViewModel* viewModel = nil;

    beforeEach(^{
        viewModel = [LoginViewModel new];
    });

    afterEach(^{
        viewModel = nil;
    });

    context(@"when username is samlau@163.com and password is freedom", ^{
        __block BOOL result = NO;

        it(@"should return signal that value is YES", ^{
            viewModel.username = @"samlau@163.com";
            viewModel.password = @"freedom";

            [[viewModel isValidUsernameAndPasswordSignal] subscribeNext:^(id x) {
                result = [x boolValue];
            }];

            [[theValue(result) should] beYes];
        });
    });

    ......省略两个测试用例
});

以上测试用例很简短,设置viewModel的username和password,然后调用isValidUsernameAndPasswordSignal返回RACSignal对象,使用subscribeNext收获它的值,最终证实。

MVVM架构

MVVM high level.png

在MVVM架构中,平日都将view和view
controller看做一个完好无缺。相对于事先MVC架构中view
controller执行很多在view和model之间数据映射和相互的干活,现在将它交给view
model去做。
关于选拔哪类体制来更新view
model或view是平昔不强制的,但常见咱们都采纳ReactiveCocoa。ReactiveCocoa会监听model的改变然后将这多少个改动映射到view
model的属性中,并且可以执行一些业务逻辑。
举个例证来说,有一个model包含一个dateAdded的性质,我想监听它的生成然后更新view
model的dateAdded属性。但model的dateAdded属性的数据类型是NSDate,而view
model的数据类型是NSString,所以在view
model的init方法中展开数据绑定,但需要数据类型转换。示例代码如下:

RAC(self,dateAdded) = [RACObserve(self.model,dateAdded) map:^(NSDate*date){ 
    return [[ViewModel dateFormatter] stringFromDate:date];
}];

ViewModel调用dateFormatter举办数量转换,且方法dateFormatter能够复用到其他地点。然后view
controller监听view model的dateAdded属性且绑定到label的text属性。

RAC(self.label,text) = RACObserve(self.viewModel,dateAdded);

最近大家抽象出日期转换来字符串的逻辑到view
model,使得代码可以测试复用,并且帮view controller瘦身

网络层测试

末尾处理点击登录按钮访问服务器来评释用户名和密码。我定义一个LoginClient类来拍卖:

@interface LoginClient : NSObject

+ (RACSignal *)loginWithUsername:(NSString *)username password:(NSString *)password;

@end

只要输入username和password五个参数,就能重返是否表达成功的结果被打包在RACSignal对象中。

是因为此地我是应用moco宪章服务,所以只计划一个打响的测试用例:

Network Test Case.png

然后接纳kiwi编写测试如下:

describe(@"LoginClient", ^{
    context(@"when username is samlau@163.com and password is samlau", ^{
        __block BOOL success = NO;
        __block NSError *error = nil;

        it(@"should login successfully", ^{
            RACTuple *tuple = [[LoginClient loginWithUsername:@"samlau@163.com" password:@"samlau"] asynchronousFirstOrDefault:nil success:&success error:&error];
            NSDictionary *result = tuple.first;

            [[theValue(success) should] beYes];
            [[error should] beNil];
            [[result[@"result"] should] equal:@"success"];
        });
    });
});

其中使用RAC的一个根本措施asynchronousFirstOrDefault来测试异步网络访问的。详情可参看Test
with
Reactivecocoa
文章。

Kiwi

Kiwi是一个iOS行为使得开发(Behavior Driven
Development
)的库。比较于Xcode提供单元测试的XCTest是从测试的角度思考问题,而Kiwi是从行为的角度思考问题,测试用例都听从三段式Given-When-Then的叙述,清晰地表达测试用例是测试什么样的目标或数据结构,在遵照什么上下文或现象,然后做出怎么样响应。

describe(@"Team", ^{
    context(@"when newly created", ^{
        it(@"has a name", ^{
            id team = [Team team];
            [[team.name should] equal:@"Black Hawks"];
        });

        it(@"has 11 players", ^{
            id team = [Team team];
            [[[team should] have:11] players];
        });
    });
});

大家很容易按照上下文将其领取为Given..When..Then的三段式自然语言

Given a Team, when be newly created, it should have a name, it should have 11 player

用Xcode自带的XCTest测试框架写过测试代码的情人或者体会到,以上代码更加便于阅读和了然。即便将来有新的开发者参加或修护代码时,不需要太大的本金去读书和精通代码。具体哪些接纳Kiwi,请参考两篇作品:

抓取网络数据并呈现情景

图片 2

如图所示,输入正确的用户名和密码后,跳转到一个食品列表页面,它从服务端抓取图片、价格和已售份数后以列表的章程体现。

Designer News UI

在编写Designer
News客户端代码以前,首先通过UI来明白整个App的概况。设计Designer News
UI的工具是Sketch,想获得Designer
News UI,请点击下载Designer New
UI

Designer News Design.png

一旦将具有的页面都逐项表明什么编写,会相比较耗时间,所以只拿登陆页面来验证我是什么样行事使得开发iOS,但我会将全部项目的代码上传来github

网络层测试

先是考虑怎么着设计和促成API,然后再考虑怎么样测试。因为它需要从服务端抓取数据,需要规划一个拜访食物列表数据的类FoodListClient,设计如下:

@interface FoodListClient : NSObject

+ (RACSignal *)fetchFoodList;

@end

FoodListClient落实如下:

@implementation FoodListClient

+ (RACSignal *)fetchFoodList
{
    return [[[AFHTTPSessionManager manager] rac_GET:[URLHelper URLWithResourcePath:@"/v1/foodlist"] parameters:nil] replayLazily];
}

@end

fetchFoodList措施首要从服务端抓取数据后,重回一个JSON格式的数组。由此想测试这么些API,只需要选择RAC的asynchronousFirstOrDefault办法返回RACTuple对象,获取第一个值,测试重临数组不为空即可。使用kiwi编写测试如下:

describe(@"FoodListClient", ^{

    context(@"when fetch food list ", ^{
        __block BOOL successful = NO;
        __block NSError *error = nil;

        it(@"should receive data", ^{
            RACSignal *result = [FoodListClient fetchFoodList];
            RACTuple *tuple = [result asynchronousFirstOrDefault:nil success:&successful error:&error];
            NSArray *foodList = tuple.first;

            [[theValue(successful) should] beYes];
            [[error should] beNil];
            [[foodList shouldNot] beEmpty];
        });
    });
});

登陆界面

由于这多少个类型简单并且只有一个人支付(几个人付出以来,接纳Storyboard不易于代码合并),加上Storyboard可以可视化的添加UI组件和Auto
Layout的束缚,并且可以同时预览多少个例外分辨率红米的职能,极大地提高开发界面效率。

Login.png

Model层测试

抓取完数据后,它的数据格式一般都是JSON格式,需要转接为Model方便访问和修改,平常自己都接纳Mantle来贯彻。我定义一个FoodModel类:

@interface FoodModel : MTLModel <MTLJSONSerializing>

/*
 @brief 食物图片URL
 */
@property (copy, nonatomic) NSString *foodImageURL;
/*
 @brief 食物价格
 */
@property (copy, nonatomic) NSString *foodPrice;
/*
 @brief 销量
 */
@property (copy, nonatomic) NSString *saleNumber;

@end

这就是说怎么着测试它是不是转会成功吗?首先遵照上一个网络层测试获取重返JSON格式的食物列表数据,然后调用MTLJSONAdapter类的modelsOfClass: fromJSONArray: error:方法来转化成FoodModel的数组。接下来断言数组无法为空数组的首先个要素是FoodModel

应用kiwi编写测试如下:

describe(@"FoodModel", ^{

    context(@"when JSON data convert to FoodModel", ^{
        __block BOOL successful = NO;
        __block NSError *error = nil;

        it(@"should return FoodModel array", ^{
            // get data from network
            RACSignal *result = [FoodListClient fetchFoodList];
            RACTuple *tuple = [result asynchronousFirstOrDefault:nil success:&successful error:&error];
            NSArray *foodList = tuple.first;

            // assert that foodList can't be empty
            [[theValue(successful) should] beYes];
            [[error should] beNil];
            [[foodList shouldNot] beEmpty];

            // assert that return FoolModel array
            NSArray *foodModelList = [MTLJSONAdapter modelsOfClass:[FoodModel class] fromJSONArray:foodList error:nil];
            [[foodModelList shouldNot] beEmpty];
            [[foodModelList[0] should] beKindOfClass:[FoodModel class]];
        });
    });
});

登陆交互

登陆界面有Email输入框和密码输入框,当用户选中其他一个输入框时,左侧对应的图标变成紫色,同时会有pop动画表示用户准备要输入内容。
当用户没有输入有效的Email或密码格式时,用户是不可以点击登陆按钮,唯有当用户输入有效的邮件和密码格式时,才能点击登陆按钮。

Login.gif

俺们可以动用RAC由此监听Text
Field(Field)的UITextFieldTextDidBeginEditingNotificationUITextFieldTextDidEndEditingNotification的通知来处理用户选中Email输入框和密码输入框时改变图标和展现的卡通片。

#pragma mark - Text Field notification
- (void)textFieldStartEndEditing
{
    // Respond to when email text start and end editing
    [[[NSNotificationCenter defaultCenter] rac_addObserverForName:UITextFieldTextDidBeginEditingNotification object:self.emailTextField] subscribeNext:^(id x) {
        [self.emailImageView animate];
        self.emailImageView.image = [UIImage imageNamed:@"icon-mail-active"];
        self.emailTextField.background = [UIImage imageNamed:@"input-outline-active"];
    }];

    [[[NSNotificationCenter defaultCenter] rac_addObserverForName:UITextFieldTextDidEndEditingNotification object:self.emailTextField] subscribeNext:^(id x) {
        self.emailTextField.background = [UIImage imageNamed:@"input-outline"];
        self.emailImageView.image = [UIImage imageNamed:@"icon-mail"];
    }];

    // Respond to when password text start and end editing
    [[[NSNotificationCenter defaultCenter] rac_addObserverForName:UITextFieldTextDidBeginEditingNotification object:self.passwordTextField] subscribeNext:^(id x) {
        [self.passwordImageView animate];
        self.passwordTextField.background = [UIImage imageNamed:@"input-outline-active"];
        self.passwordImageView.image = [UIImage imageNamed:@"icon-password-active"];
    }];

    [[[NSNotificationCenter defaultCenter] rac_addObserverForName:UITextFieldTextDidEndEditingNotification object:self.passwordTextField] subscribeNext:^(id x) {
        self.passwordTextField.background = [UIImage imageNamed:@"input-outline"];
        self.passwordImageView.image = [UIImage imageNamed:@"icon-password"];
    }];
}

当点击登陆按钮后,客户端向服务端发送验证请求,服务端验证完账户和密码后,用户便得以成功登陆。所以,接下去要领悟RESTful
API的基本概念和Designer News提供的RESTful API。

ViewModel抓取多少

成功抓取网络数据和转化JSON数据为Model后,我利用FoodViewModel抓取网络数据和完成数量映射,设计与落实如下:

@interface FoodViewModel : RVMViewModel

/*
 @brief FoodModel列表
 */
@property (strong, nonatomic, readonly) NSArray *foodModelList;

@end

@implementation FoodViewModel

- (instancetype)init
{
    self = [super init];

    if (!self) {
        return nil;
    }

    RAC(self, foodModelList) = [[FoodListClient fetchFoodList] map:^id(RACTuple * tuple) {
        return [MTLJSONAdapter modelsOfClass:[FoodModel class] fromJSONArray:tuple.first error:nil];
    }];

    return self;
}

@end

Designer News API

Controller加载数据

最后FoodListViewController担负构建view hierarchy和加载数据:

#pragma mark - Lifecycle
- (void)viewDidLoad
{
    [super viewDidLoad];
    // setup title name and background color
    self.title = @"食物列表";
    self.view.backgroundColor = [UIColor whiteColor];
    // build view hierarchy
    [self buildViewHierarchy];
    // when finish fetching data and reload table view
    [RACObserve(self.foodViewModel, foodModelList) subscribeNext:^(NSArray* items) {
        self.foodListDataSource.items = items;
        [self.tableView reloadData];
    }];
}

RESTful API基本概念和规划

REST齐全是Representational State
Transfer,翻译过来就是显示层状态转化。要想真正了然它的意义,从多少个第一字动手:Resource,
Representation, State Transfer

  • ##### Resource(资源)

资源就是网络上的实体,它可以是文字、图片、声音、视频或一种服务。但网络有诸如此类多资源,该怎么标识它们啊?你可以用URL(统一资源定位符)来唯一标识和定点它们。只要得到资源对应的URL,你就足以访问它们。

  • ##### Representation(表现层)

资源是一种新闻实体,它有多种象征方法。比如,文本可以用.txt格式表示,也得以用xml、json或html格式表示。

  • ##### State Transfer(状态转换)

客户端访问服务端,服务端处理完后回去客户端,在这一个过程中,一般都会滋生数据状态的更动或撤换。
客户端操作服务端,都是经过HTTP协议,而在那么些HTTP协议中,有多少个动词:GET,
POST, DELETEUPDATE

  • GET表示收获资源
  • POST表示新增资源
  • DELETE代表删除资源
  • UPDATE表示更新资源

精通RESTful核心概念后,大家来概括了然RESTful API设计以便可以看懂Designer
News提供API。就拿Designer News获取Stories对应URL的一个例证来表达:
客户端请求
GET https://api-news.layervault.com/api/v1/stories?client_id=91a5fed537b58c60f36be1sdf71ed1320e9e4af2bda4366f7dn3d79e63835278

服务端再次来到结果(部分结果)

{
  "stories": [
    {
      "id": 46826,
      "title": "A Year of DuckDuckGo",
      "comment": "",
      "comment_html": null,
      "comment_count": 4,
      "vote_count": 17,
      "created_at": "2015-03-28T14:05:38Z",
      "pinned_at": null,
      "url": "https://news.layervault.com/click/stories/46826",
      "site_url": "https://api-news.layervault.com/stories/46826-a-year-of-duckduckgo",
      "user_id": 3334,
      "user_display_name": "Thomas W.",
      "user_portrait_url": "https://designer-news.s3.amazonaws.com/rendered_portraits/3334/original/portrait-2014-09-16_13_25_43__0000-333420140916-9599-7pse94.png?AWSAccessKeyId=AKIAI4OKHYH7JRMFZMUA&Expires=1459149709&Signature=%2FqqLAgqpOet6fckn4TD7vnJQbGw%3D",
      "hostname": "designwithtom.com",
      "user_url": "http://news.layervault.com/u/3334/thomas-wood",
      "badge": null,
      "user_job": "Online Designer at IDG UK",
      "sponsored": false,
      "comments": [
        {
          "id": 142530,
          "body": "Had no idea it had those customization settings — finally making the switch.",
          "body_html": "<p>Had no idea it had those customization settings — finally making the switch.</p>\\n",
          "created_at": "2015-03-28T18:41:37Z",
          "depth": 0,
          "vote_count": 0,
          "url": "https://api-news.layervault.com/comments/142530",
          "user_url": "http://news.layervault.com/u/3826/matt-soria",
          "user_id": 3826,
          "user_display_name": "Matt S.",
          "user_portrait_url": "https://designer-news.s3.amazonaws.com/rendered_portraits/3826/original/portrait-2014-04-12_11_08_21__0000-382620140412-5896-1udai4f.png?AWSAccessKeyId=AKIAI4OKHYH7JRMFZMUA&Expires=1459125745&Signature=%2BDdWMtto3Q10dd677sUOjfvQO3g%3D",
          "user_job": "Web Dood @ mattsoria.com",
          "comments": []
        },
  • 协议(protocol)
    用户与API通信接纳HTTPs协议
  • 域名(domain name)
    应当尽可能部署到专用域名下https://api-news.layervault.com/,但有时候会越加扩展为https://api-news.layervault.com/api
  • 版本(version)
    应该将API版本号v1放入URL
  • 路径(Endpoint)
    路径https://api-news.layervault.com/api/v1/stories表示API具体网址,代表网络一种资源,所以无法有动词,只有接纳名词来代表。
  • HTTP动词
    动词GET,表示从服务端获取Stories资源
  • 过滤音信(Filtering)
    ?client_id=91a5fed537b58c60f36be1sdf71ed1320e9e4af2bda4366f7dn3d79e63835278指定client_id的Stories资源
  • 状态码(Status Codes)
    服务器向客户端重返表示成功或败北的状态码,状态码列表请参考Status
    Code
    Definitions
  • 错误处理(Error handling)
    服务端处理用户请求失败后,一般都回去error字段来代表错误音讯

{
    error: "Invalid client id"
}

总结

编辑单元测试是程序员的一项基本技能,倘使可以统筹好的测试用例并编辑测试注解结果,不仅保证代码的质料,而且方便未来重构加一层体贴层。一旦修改了代码之后,如果运行单元测试,并没有经过的话,表达您在重构过程中引入新的bug。假如由此了单元测试,表明并没有引入新的bug。

Designer News提供API

Designer News API
Reference
提供基于HTTP说道服从RESTful设计的API,并且同意应用程序通过oAuth
2
授权协议来取得授权权限来拜会用户音信。

扩展阅读

访问API工具

一般的话,在写访问服务端代码从前,我都会用Paw(下载地址)工具来测试API是否有效;另一方面,用JSON文本保留服务端重临的数据,用于moco如法炮克制务端的劳务。至于何以需要moco模拟服务端,后边会讲课,现在由此用户登录Designer
News
其一例子介绍如何利用Paw来测试API。
咱俩先看看Designer News提供访问用户登录的API

Designer News Login API.png

依照上述提供的音讯,API的路子是https://api-news.layervault.com/oauth/token,参数有grant_typeusernamepasswordclient_secret。其中usernamepasswordDesigner
News
登记才能收获,而client_idclient_secret急需发送email到news@layervault.com申请。使用Paw发送请求和服务端返回结果如下:

New Send Request.png

Moco模拟服务端

Moco是一个得以轻松搭建测试服务器的工具。

缘何需要效法服务端

用作一个平移开发人士,有时出于服务端开发进度慢,空有一个Nokia应用但表达不出功用。幸好有了Moco,只需安排一下请求和重返数据,很快就可以搭建一个仿照服务,无需等待服务端开发完成才能延续支付。当服务端完成后,修改访问地址即可。

偶尔服务端API应该是什么样样子都还没领会,由于有了moco模拟服务,在支付进程中,可以不断调整API设计,搞领悟真正自己想要的API是怎样体统的。就这样,在服务端代码还没当真出手此前,已经提供一份真正满意自己索要的API文档,剩下的就交给劳务端照着API去实现就行了。

再有一种情形就是,服务端已经写好了,剩下客户端还没成功。由于moco是当地服务,访问速度相比快,所以经过采纳moco来模拟服务端,这样不仅可以增进客户端的访问速度,还提升网络层测试代码访问速度的景德镇久安,Designer
News就是如此情形。

怎么样运用Moco模拟服务

安装

若果你是行使Mac或Linux,能够尝试一入手续:

  1. 规定你安装JDK 6以上
  2. 下载脚本
  3. 把它坐落你的$PATH路径
  4. 设置它可以实施(chmod 755 ~/bin/moco)

今昔您可以运作一下命令测试安装是否成功

  1. 编制配置文件foo.json,内容如下:

[
      {
        "response" :
          {
            "text" : "Hello, Moco"
          }
      }
]
  1. 运行Moco HTTP服务器
    moco start -p 12306 -c foo.json
  2. 开辟浏览器访问http://localhost:12306,你回放见”Hello, Moco”
部署服务

是因为有时候服务端再次来到的数目相比较多,所以将服务端响应的数码独立在一个JSON文件中。以登陆为例,将数据存放在login_response.json

{
    "access_token": "4422ea7f05750e93a101cb77ff76dffd3d65d46ebf6ed5b94d211e5d9b3b80bc",
    "token_type": "bearer",
    "scope": "user",
    "created_at": 1428040414
}

而将请求uri路径,方法(method)和参数(queries)等配置放在login_conf.json文件中

[
  {
    "request" :
      {
        "uri" : "/oauth/token",
        "method" : "post",
        "queries" : 
          {
            "grant_type" : "password",
            "username" : "liuyaozhu13hao@163.com",
            "password" : "freedom13",
            "client_secret" : "53e3822c49287190768e009a8f8e55d09041c5bf26d0ef982693f215c72d87da",
            "client_id" : "750ab22aac78be1c6d4bbe584f0e3477064f646720f327c5464bc127100a1a6d"
          }
      },
    "response" :
      {
        "file" : "./Login/login_response.json"
      }
  }
]

不亮堂有没有留意到下边uri路径不是全路线http://localhost:12306/oauth/token,因为协议默认是http,而且一般运行在本机localhost,所以在开行模拟服务时只需点名端口12306就行。想进一步详细询问哪些安排,请查阅官网的HTTP(s)
APIs

再有一个急需配备地点就是,由于实在支付中一定不止一个客户端请求,所以还亟需一个部署文件settings.json来含有很有些请求。

[
    {
        "include" : "./Story/stories_conf.json"
    },
    {
        "include" : "./Login/login_conf.json"
    },
    {
        "include" : "./Story/story_upvote_conf.json"
    }
]
启航服务

将路径跳转到DesignerNewsForObjc/DesignerNewsForObjcTests/JSON目录,找到settings.json文件,使用命令行来启动服务:
moco start -p 12306 -g settings.json

接纳Paw验证是否安排成功

Send request to Local Server.png

作为使得开发(BDD)

怎么需要BDD

不亮堂诸位在编辑测试的时候,有没有思想过一个题目:我应该测试什么?要回应这几个问题并不是那么简单,在没得到答案以前,你要么持续听从你的想法编写测试。
-(void)testValidateEmail;
像这么的测试,存在一个一向问题。它不会报告你应有会生出什么样,也不会预期实际会时有发生什么样。还有,当它产生错误时,不会唤醒您在何地爆发错误,错误的缘故是如何,由此你需要深刻代码才能清楚失利的原委。这样就需要大量外加和不必要的认知负荷。
这儿BDD现身了,襄助开发者确定应该测试什么,它提供DSL(Domain-specific
language
,
域特定语言),测试用例都遵从三段式Given-When-Then的叙述,清晰地表明测试用例是测试什么样的目的或数据结构,在依照什么上下文或现象,然后做出咋样响应。
故而,大家应当关爱行为,而不是测试。这行为具体是什么?当你设计app里面的其中目的时,它的接口定义方法及其看重关系,这一个办法和倚重关系决定了你的靶子如何与其它对象交互,以及它的效应是怎么,定义你的目的的行为

BDD过程

行事使得开发大概多少个步骤:

  1. 分选最要紧的表现,并编写行为的测试文件。此时,由于测试目的的类还没编制,所以编译战败。创造测试对象的类并编辑类的伪实现,让编译通过。
  2. 实现被测试类的表现,让测试通过。
  3. 只要发现代码中有重新代码,重构被测试类来扫除重复

设若暂时不明白里面步骤细节,没有关系,继续向下阅读,后边有例子介绍来提携您精晓五个步骤的意义。

登陆验证

网络访问层

DesignerNewsURL

DesignerNewsURL类包装网络访问URL

#import <Foundation/Foundation.h>

extern NSString* const baseURL;
extern NSString* const clientID;
extern NSString* const clientSecret;

@interface DesignerNewsURL : NSObject

+ (NSString*)loginURLString;
+ (NSString*)stroiesURLString;
+ (NSString*)storyIdURLStringWithId:(NSInteger)storyId;
+ (NSString*)storyUpvoteWithId:(NSInteger)storyId;
+ (NSString*)storyReplyWithId:(NSInteger)storyId;
+ (NSString*)commentUpvoteWithId:(NSInteger)commentId;
+ (NSString*)commentReplyWithId:(NSInteger)commentId;

@end

此间还有个技术就是在DesignerNewsURL.m实现文件有个条件编译,判断是在测试环境仍旧产品环境来决定baseURL的值,可以很方便在测试环境与制品环境互相切换。

#ifndef TEST
NSString* const baseURL = @"https://api-news.layervault.com";
#else
NSString* const baseURL = @"http://localhost:12306";
#endif

NSString* const clientID = @"750ab22aac78be1c6d4bbe584f0e3477064f646720f327c5464bc127100a1a6d";
NSString* const clientSecret = @"53e3822c49287190768e009a8f8e55d09041c5bf26d0ef982693f215c72d87da";
表现使得开发LoginClient

在编辑代码在此以前,我们理应先想想如何规划LoginClient类。首先依照Single
responsibility
principle
(责任单一原则),LoginClient重要担负用户登录的网络访问。需要提供一个接口,只要给定用户名(username)和密码(password),用户就能登录,由于自家是运用RAC来拍卖回来结果,所以这么些接口再次来到RACSignal对象。

  • 始建一个LoginClientkiwi文件,编写对应行为。

Create LoginClient 1.png

Create LoginClient 2.png

SPEC_BEGIN(LoginClientSpec)

describe(@"LoginClient", ^{

    context(@"when user input correct username and password", ^{
      __block RACSignal *loginSignal;

      beforeEach(^{
          NSString *username = @"liuyaozhu13hao@163.com";
          NSString *password = @"freedom13";
          loginSignal = [LoginClient loginWithUsername:username password:password];
      });

      it(@"should return login signal that can't be nil", ^{
          [[loginSignal shouldNot] beNil];
      });

      it(@"should login successfully", ^{
          __block NSString *accessToken = nil;

          [loginSignal subscribeNext:^(NSString *x) {
              accessToken = x;
              NSLog(@"accessToken = %@", accessToken);
          }error:^(NSError *error) {
              [[accessToken shouldNot] beNil];
          } completed:^{
              [[accessToken shouldNot] beNil];
          } ];
      });

    });
});

SPEC_END

基于三段式Given-When-Then叙述,下面代码我们得以清楚为:在给定LoginClient对象,当用户输入正确的用户名和密码时,应该登录成功。
此时,由于还没创立LoginClient类,所以会不通过编译,创制LoginClient类,并编制它的伪实现,让LoginClientSpec.m通过编译。

LoginClient.h.png

LoginClient.m.png

运行测试,测试失利。

LoginClient Failed.png

  • 落实LoginClient,通过其测试

LoginClient.m .png

LoginClient Pass Test.png

  • 由于无冗余代码,无需重构

Model层

出于这一次登陆请求服务端重回数据相比简单,只是得到access_token字段数据,所以不需要model来映射和仓储数据。但是在获取六个Stories时,就会利用到model来处理。

Controller与ViewModel层

controller是处理用户交互的入口,通常自己都会将处理用户交互的逻辑、数据绑定和数目校验都提交ViewModel来精简controller代码,同时最大程度地复用业务逻辑的代码。
大家先想起用户登陆时的步调:1.
用户先输入email和密码,唯有email和密码符合格式要求时才能点击按钮。2.
用户成功登陆后,跳转到故事列表主页。
俺们先分析一下怎么着贯彻步骤1,
想要对email和密码举行验证,必须要监听它们五个值的浮动,所以需要对emailTextFieldpasswordTextField使用RAC举办数量绑定。

创建LoginViewControllerSpeckiwi文件,测试绑定行为代码如下:

SPEC_BEGIN(LoginViewControllerSpec)

describe(@"LoginViewController", ^{
    __block LoginViewController *controller;

    beforeEach(^{
        controller = [UIViewController loadViewControllerWithIdentifierForMainStoryboard:@"LoginViewController"];
        [controller view];
    });

    afterEach(^{
        controller = nil;
    });

    describe(@"Email Text Field", ^{
        context(@"when touch text field", ^{
            it(@"should not be nil", ^{
                [[controller.emailTextField shouldNot] beNil];
            });
        });

        context(@"when text field's text is hello", ^{
            it(@"shoud euqal view model's email property", ^{
                controller.emailTextField.text = @"hello";
                [controller.emailTextField sendActionsForControlEvents:UIControlEventEditingChanged];
                [[controller.viewModel.email should] equal:@"hello"];
            });
        });
    });

    describe(@"Password Text Field", ^{
        context(@"when touch text field", ^{
            it(@"should not be nil", ^{
                [[controller.passwordTextField shouldNot] beNil];
            });
        });

        context(@"when text field' text is hello", ^{
            it(@"should equal view model's password property", ^{
                controller.passwordTextField.text = @"hello";
                [controller.passwordTextField sendActionsForControlEvents:UIControlEventEditingChanged];

                [[controller.viewModel.password should] equal:@"hello"];
            });
        });
    });
});

SPEC_END

此间有两个关键点,一个是从Storyboard中加载controller,否则不可以取得emailTextField(Field)和password,假设使用手写UI代码就不需要了。另一个就是emailTextField(Field)或passwordTextField必须调用sendActionsForControlEvents:UIControlEventEditingChanged措施,才能触发textField的text属性改变。

编译失败后,在LoginViewController.m编写- (void)bindViewModel模式通过测试

RAC(self.viewModel, email) = self.emailTextField.rac_textSignal;
RAC(self.viewModel, password) = self.passwordTextField.rac_textSignal;

落实完数据绑定行为后,接下去要多中校验,交给LoginViewModel来处理。创建LoginViewModelSpec.m文件,提供emailpassword属性给LoginViewModel,重返验证结果的RACSignal,测试评释行为代码如下:

SPEC_BEGIN(LoginViewModelSpec)

describe(@"LoginViewModel", ^{
    // Initialize
    __block LoginViewModel *viewModel;

    beforeEach(^{
        viewModel = [[LoginViewModel alloc] init];
    });

    afterEach(^{
        viewModel = nil;
    });

    context(@"when email and password is valid", ^{
        it(@"should get valid signal", ^{
            viewModel.email = @"liuyaozhu13hao@163.com";
            viewModel.password = @"123456";

            __block BOOL result;

            [[viewModel checkEmailPasswordSignal] subscribeNext:^(id x) {
                result = [x boolValue];
            } completed:^{
                [[theValue(result) should] beYes];
            }];
        });
    });

    context(@"when email is valid, but password is invalid", ^{
        it(@"should get invalid signal", ^{
            viewModel.email = @"liuyaozhu13hao@163.com";
            viewModel.password = @"1";

            __block BOOL result;

            [[viewModel checkEmailPasswordSignal] subscribeNext:^(id x) {
                result = [x boolValue];
            } completed:^{
                [[theValue(result) shouldNot] beYes];
            }];
        });
    });

    context(@"when password is valid, but email is invalid", ^{
        it(@"should get invalid signal", ^{
            viewModel.email = @"liuyaozhu";
            viewModel.password = @"123456";

            __block BOOL result;
            [[viewModel checkEmailPasswordSignal] subscribeNext:^(id x) {
                result = [x boolValue];
            } completed:^{
                [[theValue(result) shouldNot] beYes];
            }];
        });
    });
});

SPEC_END

编译失利后(已经创立LoginViewModel类),添加- (RACSignal*)checkEmailPasswordSignal并落实认证数据,通过测试

- (RACSignal*)checkEmailPasswordSignal
{
    RACSignal* emailSignal = RACObserve(self, email);
    RACSignal* passwordSignal = RACObserve(self, password);

    return [RACSignal combineLatest:@[ emailSignal, passwordSignal ] reduce:^(NSString* email, NSString* password) {
        BOOL result = [email isValidEmail] && [password isValidPassword];

        return @(result);
    }];
}

末段索要在LoginViewModel创造属性为loginButtonCommandRACCommand来处理点击登陆按钮的交互。在LoginViewControllerSpec.m测试loginButton.rac_command不可能为空

describe(@"Login Button", ^{
      context(@"when load view", ^{
            it(@"should be not nil", ^{
                [[controller.loginButton shouldNot] beNil];
            });

            it(@"should have rac command that not be nil", ^{
                [[controller.loginButton.rac_command shouldNot] beNil];
            });
      });
 });

测试失败,在LoginViewController.m编写- (void)bindViewModel措施以下代码片段

self.loginButton.rac_command = self.viewModel.loginButtonCommand;

LoginViewModel.m延迟先河化loginButtonCommand属性

#pragma mark - Lazy initialization
- (RACCommand*)loginButtonCommand
{
    if (!_loginButtonCommand) {
        _loginButtonCommand = [[RACCommand alloc] initWithEnabled:[self checkEmailPasswordSignal] signalBlock:^RACSignal * (id input) {
            self.active = YES;

            return [[LoginClient loginWithUsername:self.email password:self.password] doNext:^(NSString *token) {
                self.active = NO;
                // Save the token
                [LocalStore saveToken:token];
                // Dismiss view controller and fetch data, reload
                self.dismissBlock();
            }];
        }];
    }

    return _loginButtonCommand;
}

通过测试,完成登陆基本流程,至于登陆成功后怎么回到故事列表页面,那里不详细介绍,各位可以因此翻阅工程代码便足以获取答案。

总结

前不久一段时间都再看有关敏捷开发的书本(用户故事与便捷方法硝烟中的Scrum和XP,
浅析极限编程),对高效开发很感兴趣,但发现很少公司或博客介绍怎么着实施敏捷开发iOS,所以在网上搜集一些材料,发现有好多上佳的施行(测试驱动开发,重构,持续集成测试,增量设计,增量计划)值得去学学,通过祥和对飞快开发中各样实践的精通来重写这一个Designer
News,这么些Designer
News功能还没任何形成,希望各位看完这篇作品尝试以这样格局来形成整个app。假诺我有些意见或进行通晓有误,请各位多多指点。

扩大阅读

相关文章