对于在 2019 年以上看到此问题的每个人：

自2020年11 月起，AsyncStorage 已重命名为@react-native-async-storage/async-storage"，如果您从react-native以下位置导入它，则会导致出现此警告：

Warning: Async Storage has been extracted from react-native core and will be removed in a future release.

新module包含自己的模拟，因此您不必再担心自己编写。

根据项目的文档，您可以通过两种不同的方式进行设置：

##With 模拟目录

• 在您的项目根目录中，创建一个__mocks__/@react-native-community目录。
• 在该文件夹中，创建 async-storage.js 文件。
• 在该文件中，导出异步存储模拟。

  export default from '@react-native-async-storage/async-storage/jest/async-storage-mock'
  

Jest 应该AsyncStorage在所有测试中默认模拟。如果没有，请尝试jest.mock(@react-native-async-storage/async-storage)在测试文件的顶部调用。

使用 Jest 安装文件

• 在您的 Jest 配置中（可能在package.json或 中jest.config.js）添加安装文件的位置：

  "jest": {
    "setupFiles": ["./path/to/jestSetupFile.js"]
  }
  

• 在您的设置文件中，设置 AsyncStorage 模拟：

  import mockAsyncStorage from '@react-native-async-storage/async-storage/jest/async-storage-mock';
  
  jest.mock('@react-native-community/async-storage', () => mockAsyncStorage);
  

如果您使用的是 TypeScript，则使用第二个选项（Jest 设置文件）会更容易，因为第一个选项（@types/react-native-community__async-storage模拟目录）不会自动与模拟关联。

也许你可以尝试这样的事情：

模拟存储.js

export default class MockStorage {
  constructor(cache = {}) {
    this.storageCache = cache;
  }

  setItem = jest.fn((key, value) => {
    return new Promise((resolve, reject) => {
      return (typeof key !== 'string' || typeof value !== 'string')
        ? reject(new Error('key and value must be string'))
        : resolve(this.storageCache[key] = value);
    });
  });

  getItem = jest.fn((key) => {
    return new Promise((resolve) => {
      return this.storageCache.hasOwnProperty(key)
        ? resolve(this.storageCache[key])
        : resolve(null);
    });
  });

  removeItem = jest.fn((key) => {
    return new Promise((resolve, reject) => {
      return this.storageCache.hasOwnProperty(key)
        ? resolve(delete this.storageCache[key])
        : reject('No such key!');
    });
  });

  clear = jest.fn((key) => {
    return new Promise((resolve, reject) =>  resolve(this.storageCache = {}));
  });

  getAllKeys = jest.fn((key) => {
    return new Promise((resolve, reject) => resolve(Object.keys(this.storageCache)));
  });
}

在您的测试文件中：

import MockStorage from './MockStorage';

const storageCache = {};
const AsyncStorage = new MockStorage(storageCache);

jest.setMock('AsyncStorage', AsyncStorage)

// ... do things

我最初的回答只是指出 react-native-simple-store 的作者是如何处理嘲笑的。我已经用我自己的模拟更新了我的答案，删除了 Jason 的硬编码模拟响应。

贾森奴有一个不错的简单的方法来此https://github.com/jasonmerino/react-native-simple-store/blob/master/测试/index-test.js#L31-L64

jest.mock('react-native', () => ({
AsyncStorage: {
    setItem: jest.fn(() => {
        return new Promise((resolve, reject) => {
            resolve(null);
        });
    }),
    multiSet:  jest.fn(() => {
        return new Promise((resolve, reject) => {
            resolve(null);
        });
    }),
    getItem: jest.fn(() => {
        return new Promise((resolve, reject) => {
            resolve(JSON.stringify(getTestData()));
        });
    }),
    multiGet: jest.fn(() => {
        return new Promise((resolve, reject) => {
            resolve(multiGetTestData());
        });
    }),
    removeItem: jest.fn(() => {
        return new Promise((resolve, reject) => {
            resolve(null);
        });
    }),
    getAllKeys: jest.fn(() => {
        return new Promise((resolve) => {
            resolve(['one', 'two', 'three']);
        });
    })
  }
}));

我自己的模拟：

const items = {};

jest.mock('react-native', () => ({

AsyncStorage: {        

    setItem: jest.fn((item, value) => {
        return new Promise((resolve, reject) => {        
    items[item] = value;
            resolve(value);
        });
    }),
    multiSet:  jest.fn((item, value) => {
        return new Promise((resolve, reject) => {
    items[item] = value;
            resolve(value);
        });
    }),
    getItem: jest.fn((item, value) => {
        return new Promise((resolve, reject) => {
            resolve(items[item]);
        });
    }),
    multiGet: jest.fn((item) => {
        return new Promise((resolve, reject) => {
            resolve(items[item]);
        });
    }),
    removeItem: jest.fn((item) => {
        return new Promise((resolve, reject) => {
            resolve(delete items[item]);
        });
    }),
    getAllKeys: jest.fn((items) => {
        return new Promise((resolve) => {
            resolve(items.keys());
        });
    })
  }
}));

我认为jest.setMock可能是在这种情况下比jest.mock更好，所以我们可以使用react-native没有问题只是嘲讽的AsyncStorage那样：

jest.setMock('AsyncStorage', {
  getItem: jest.fn(
    item =>
      new Promise((resolve, reject) => {
        resolve({ myMockObjectToReturn: 'myMockObjectToReturn' });
      })
  ),
});

使用以下命令安装module：从项目的根目录运行此命令。

npm install --save mock-async-storage

在项目根目录下创建__mocks__\@react-native-community文件夹。在里面创建一个文件 async-storage.js。async-storage.js 中的代码

export default from '@react-native-community/async-storage/jest/async-storage-mock'

在 package.json 中配置 jest 如下：

"jest": {
    "preset": "jest-expo",
    "transformIgnorePatterns" : ["/node_modules/@react-native-community/async-storage/(?!(lib))"]
  },

在这里，我使用 jest-expo 进行测试。如果您使用的是 jest，那么预设值将是 jest 而不是 jest-expo。

在项目根目录下，在 jest.config.js 文件中创建一个名为 jest.config.js 的配置文件：

module.exports = {
    setupFilesAfterEnv: [
      './setup-tests.js',
    ],
  };

在项目根目录中创建一个名为 setup-tests.js 的文件。该文件中的代码是：

import MockAsyncStorage from 'mock-async-storage';

const mockImpl = new MockAsyncStorage();
jest.mock('@react-native-community/async-storage', () => mockImpl);

在项目根目录下创建测试文件。这里我称它为 Example.test.js。

import  AsyncStorage  from '@react-native-community/async-storage';

beforeEach(() => {
    AsyncStorage.clear();
    // console.log(`After the data is being reset :`)
    // console.log(AsyncStorage)
});

it('can read asyncstorage', async () => {

    await AsyncStorage.setItem('username', 'testUser')
    let usernameValue = await AsyncStorage.getItem('username')
    // console.log(`After the data is being set :`)
    // console.log(AsyncStorage)
    expect(usernameValue).toBe('testUser')
});

这里使用 AsyncStorage.setItem将用户名的值设置为testUser。然后使用 getItem 函数获取值。测试用例是比较usernameValue是否等于testUser。如果是，则测试用例通过，否则测试用例将失败。

使用 beforeEach 以便每次运行测试用例时 Asyncstorage 都被清除并且为空。如果需要，可以使用 console.log 检查 Asyncstorage 中存在的内容

运行命令yarn test来运行测试。输出是：