Screenshot Kata for iOS Developers. The main goal is to practice UI Testing
Swift Ruby
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Karumi logo KataScreenshot for iOS. Build Status

You can compare this testing approach with a different testing strategy where the application UI is tested using KIF.

Getting started

This repository contains an iOS application showing Super Heroes information:


This Application is based on two ViewControllers:

  • SuperHeroesViewController showing a list of super heroes with name, photo and a special badge if is part of the Avengers Team.


  • SuperHeroDetailViewController showing detailed information for a super hero like the name, photo and description.


The application architecture, dependencies and configuration is ready to just start writing tests. In this project you'll find all the classes ready to be able to replace production code with test doubles easily and a screenshot testing framework to compare your application visual changes.

Remember that after any production code change you can record your screenshots again by changing the current scheme to Record Screenshots.

To verify the correct behaviour of your code just run your tests from the KataScreenshot scheme.

To be able to get a deterministic test scenario all our tests will be executed on the same emulated device. You can use the Travis-CI configuration to get the same emulator working on your computer.


Your task as an iOS Developer is to write all the UI tests needed to check if the Application UI is working as it should.

This repository is ready to build the application, pass the checkstyle and your tests in Travis-CI environments.

Our recommendation for this exercise is:

  • Before starting

    1. Fork this repository.
    2. Checkout kata-screenshot branch.
    3. Execute the application, explore it manually and make yourself familiar with the code.
    4. Execute SuperHeroesViewControllerTests and watch the only test it contains pass.
  • To help you get started, these are some test cases for SuperHeroesViewControllerTests:

    1. Setup mocked SuperHeroesRepository in SuperHeroesViewControllerTests to return a list of some Super Heroes.
    2. Test that the TableView is showing the super heroes obtained from the SuperHeroesRepository.
    3. Test the empty case is shown if there are no super heroes.


  • If you get stuck, master branch contains already solved tests for SuperHeroesViewControllerTests and SuperHeroViewControllerTests.

Extra Tasks

If you've covered all the application functionality using UI tests try to continue with the following tasks:

  • Add a pull to refresh mechanism to SuperHeroesViewController and test it.
  • Modify SuperHeroDetailViewController to handle an error case where the name of the super hero used to start this ViewController does not exist and show a message if this happens.
  • Modify the project to handle connection errors and show a message to indicate something went wrong.


There are some links which can be useful to finish these tasks:

Data provided by Marvel. © 2017 MARVEL


Copyright 2017 Karumi

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.