How to use the @times-components/user-state.mockUserState function in @times-components/user-state
To help you get started, we’ve selected a few @times-components/user-state examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
newsuk / times-components / packages / article-in-depth / __tests__ / mocks.web.js View on Github 
/* eslint-disable import/prefer-default-export */
import { mockUserState } from "@times-components/user-state";
export const UserState = mockUserState();
jest.mock("react-helmet-async", () => ({ Helmet: "Helmet" }));
// eslint-disable-next-line global-require
jest.mock("@times-components/ad", () => ({
__esModule: true,
AdContainer: "AdContainer"
}));
jest.mock("@times-components/article-byline", () => ({
ArticleBylineWithLinks: "ArticleBylineWithLinks",
hasBylineData: () => true
}));
jest.mock("@times-components/article-extras", () => "ArticleExtras");
jest.mock("@times-components/article-flag", () => ({
ArticleFlags: "ArticleFlags"
}));
jest.mock("@times-components/article-image", () => "ArticleImage");/* eslint-disable import/prefer-default-export */
import { mockUserState } from "@times-components/user-state";
export const UserState = mockUserState();
jest.mock("../src/head.web", () => "Head");
// eslint-disable-next-line global-require
jest.mock("@times-components/ad", () => ({
__esModule: true,
AdContainer: "AdContainer"
}));
jest.mock("@times-components/article-byline", () => ({
ArticleBylineWithLinks: "ArticleBylineWithLinks",
hasBylineData: () => true
}));
jest.mock("@times-components/article-extras", () => "ArticleExtras");
jest.mock("@times-components/article-flag", () => ({
ExclusiveArticleFlag: "ExclusiveArticleFlag",
NewArticleFlag: "NewArticleFlag",/* eslint-disable import/prefer-default-export */
import { mockUserState } from "@times-components/user-state";
export const UserState = mockUserState();
jest.mock("react-helmet-async", () => ({ Helmet: "Helmet" }));
// eslint-disable-next-line global-require
jest.mock("@times-components/ad", () => ({
__esModule: true,
AdContainer: "AdContainer"
}));
jest.mock("@times-components/article-byline", () => ({
ArticleBylineWithLinks: "ArticleBylineWithLinks",
hasBylineData: () => true
}));
jest.mock("@times-components/article-extras", () => "ArticleExtras");
jest.mock("@times-components/article-flag", () => ({
ArticleFlags: "ArticleFlags"
}));
jest.mock("@times-components/article-image", () => "ArticleImage");/* eslint-disable import/prefer-default-export */
import { mockUserState } from "@times-components/user-state";
export const UserState = mockUserState();
jest.mock("react-helmet-async", () => ({ Helmet: "Helmet" }));
// eslint-disable-next-line global-require
jest.mock("@times-components/ad", () => ({
__esModule: true,
AdContainer: "AdContainer"
}));
jest.mock("@times-components/article-byline", () => ({
ArticleBylineWithLinks: "ArticleBylineWithLinks",
hasBylineData: () => true
}));
jest.mock("@times-components/article-extras", () => "ArticleExtras");
jest.mock("@times-components/article-flag", () => ({
ArticleFlags: "ArticleFlags"
}));
jest.mock("@times-components/article-image", () => "ArticleImage");/* eslint-disable import/prefer-default-export */
import { mockUserState } from "@times-components/user-state";
export const UserState = mockUserState();
jest.mock("@times-components/article-comments", () => "ArticleComments");
jest.mock("@times-components/article-topics", () => "ArticleTopics");
jest.mock("@times-components/related-articles", () => "RelatedArticles");/* eslint-disable import/prefer-default-export */
import { mockUserState } from "@times-components/user-state";
export const UserState = mockUserState();
jest.mock("../src/bar-item", () => "BarItem");
jest.mock("@times-components/icons", () => ({
IconCopyLink: "IconCopyLink",
IconEmail: "IconEmail",
IconFacebook: "IconFacebook",
IconSaveBookmark: "IconSaveBookmark",
IconTwitter: "IconTwitter"
}));
jest.mock("react-native", () => {
const reactNativeMock = require.requireActual("react-native");
reactNativeMock.Clipboard = {
setString: jest.fn()
};/* eslint-disable import/prefer-default-export */
import { mockUserState } from "@times-components/user-state";
export const UserState = mockUserState();
jest.mock("react-helmet-async", () => ({ Helmet: "Helmet" }));
// eslint-disable-next-line global-require
jest.mock("@times-components/ad", () => ({
__esModule: true,
AdContainer: "AdContainer"
}));
jest.mock("@times-components/article-byline", () => ({
ArticleBylineWithLinks: "ArticleBylineWithLinks",
hasBylineData: () => true
}));
jest.mock("@times-components/article-extras", () => "ArticleExtras");
jest.mock("@times-components/article-flag", () => ({
ArticleFlags: "ArticleFlags"
}));
jest.mock("@times-components/article-image", () => "ArticleImage");@times-components/user-state
Selectively render react components based on current user state
Package Health Score
80 / 100Popular @times-components/user-state functions
- @times-components/user-state.addUserStateKnobs
- @times-components/user-state.fullArticle
- @times-components/user-state.loggedIn
- @times-components/user-state.loggedInOrShared
- @times-components/user-state.mockUserState
- @times-components/user-state.subscriber
- @times-components/user-state.USER_STATES.GUEST
- @times-components/user-state.USER_STATES.RA_EXPIRED