| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 | 1x +1x + +1x + + + + + + + + + + + + +1x +1x + + +1x +1x + + + + +1x + +1x + + +1x +1x + + +1x + + +1x + + +1x + + + + +1x +2x + +2x + + + + + + +1x + + + + + + + + + + +1x + | import * as React from 'react';
+import styles from './IocTests.module.scss';
+import IListsService, { IList } from '../../../common/services/Lists/IListsService';
+import ICacheProvider, { CacheTimeout } from '../../../common/providers/Cache/ICacheProvider';
+import ILogProvider from '../../../common/providers/Log/ILogProvider';
+
+export interface IocTestsProps {
+ cacheProvider: ICacheProvider;
+ logProvider: ILogProvider;
+ listsService: IListsService;
+}
+
+export interface IocTestsState {
+ lists: IList[];
+}
+
+export default class IocTests extends React.Component<IocTestsProps, IocTestsState> {
+ private className: string = "IocTests";
+
+ constructor(props: IocTestsProps) {
+ super(props);
+ this.state = {
+ lists: null
+ };
+ }
+
+ public async componentDidMount(): Promise<void> {
+ // LOG PROVIDER
+ await this.props.logProvider.Debug(this.className, "componentDidMount", null);
+
+ // CACHE PROVIDER
+ const cacheKey = "IocTestsGetLists";
+ let lists: IList[] = await this.props.cacheProvider.Get(cacheKey);
+ if (!lists) {
+ // LISTS SERVICE
+ lists = await this.props.listsService.GetLists();
+
+ // CACHE PROVIDER
+ await this.props.cacheProvider.Set(cacheKey, lists, CacheTimeout.default);
+ }
+
+ this.setState({
+ lists: lists
+ });
+ }
+
+ public render(): React.ReactElement<IocTestsProps> {
+ this.props.logProvider.Debug(this.className, "render", null);
+
+ return (
+ <div id={ styles.iocTests } className={ styles.iocTests }>
+ <div className={ styles.container }>
+ { !this.state.lists &&
+ <span> Loading... </span>
+ }
+ { !!this.state.lists && this.state.lists.map(l => {
+ return (
+ <div key={l.Title}>
+ <a href={l.DefaultViewUrl} target={"_blank"}>{l.Title}</a>
+ </div>
+ );
+ })
+ }
+ </div>
+ </div>
+ );
+ }
+}
+ |
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 | +3x +3x +3x +3x +3x +3x + + + + + + + |
+export enum CacheTimeout {
+ oneSecond,
+ short,
+ default,
+ long,
+ verylong
+}
+
+export default interface ICacheProvider {
+ Get(key: string): Promise<any>;
+ Set(key: string, valueObj: any, cacheTimeout: CacheTimeout): Promise<boolean>;
+ Clear(key: string): Promise<void>;
+} |
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 | + +2x +6x + + +6x + + +2x +9x + +2x +5x +5x + +2x + + + +2x | import ICacheProvider, { CacheTimeout } from "./ICacheProvider";
+
+export default class MockCacheProvider implements ICacheProvider {
+ private valueObj: any = null;
+
+ constructor(valueObj?: any) {
+ this.valueObj = valueObj;
+ }
+
+ public async Get(key: string): Promise<any> {
+ return this.valueObj;
+ }
+ public async Set(key: string, valueObj: any, cacheTimeout: CacheTimeout): Promise<boolean> {
+ this.valueObj = valueObj;
+ return true;
+ }
+ public async Clear(key: string): Promise<void> {
+ // do nothing
+ }
+
+} |
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 | 1x + +1x +1x + + + + + + + + +1x + + +1x + + +1x + + +1x +2x + +1x + + +1x | export default class MockStorage implements Storage {
+ constructor(storedKey?: string, storedItem?: any) {
+ this.length = 0;
+ Iif (!!storedKey) {
+ this[storedKey] = storedItem;
+ this.length = 1;
+ }
+ }
+
+ [name: string]: any;
+ length: number;
+
+ public clear(): void {
+ // do nothing
+ }
+ public getItem(key: string): string {
+ return this[key];
+ }
+ public key(index: number): string {
+ return "";
+ }
+ public removeItem(key: string): void {
+ this[key] = undefined;
+ }
+ public setItem(key: string, value: string): void {
+ this[key] = value;
+ }
+} |
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 | 2x + +2x +15x + + +19x +15x + + +2x +22x +22x +22x + +20x +20x +20x +20x +20x + + + + +22x + + +2x +11x +11x +11x +10x +8x +8x +1x + + + +11x + + +12x +11x +11x +11x + +10x +10x +1x +9x +1x + +8x + + + +10x +10x + +10x +10x + +11x + + +2x +1x +1x +1x + + +2x +21x + + +2x +10x +10x +10x +9x +9x +8x + + +10x + + +2x +23x +23x +21x + +2x + +23x + + +2x +10x + +10x + +1x +1x + +1x +1x + +1x +1x + +1x +1x + +6x +6x + +10x + +2x | import ICacheProvider, { CacheTimeout } from "./ICacheProvider";
+
+export default class StorageCacheProvider implements ICacheProvider {
+ private cacheKeyPrefix: string = "__E2.";
+ private storage: Storage;
+
+ constructor(storage: Storage = window.sessionStorage) {
+ this.storage = storage;
+ }
+
+ public IsSupportStorage(): boolean {
+ let isSupportStorage: boolean = false;
+ const supportsStorage: boolean = this.storage && JSON && typeof JSON.parse === "function" && typeof JSON.stringify === "function";
+ if (supportsStorage) {
+ // check for dodgy behaviour from iOS Safari in private browsing mode
+ try {
+ const testKey: string = "e2-cache-isSupportStorage-testKey";
+ this.storage[testKey] = "1";
+ this.storage.removeItem(testKey);
+ isSupportStorage = true;
+ } catch (ex) {
+ // private browsing mode in iOS Safari, or possible full cache
+ }
+ }
+ return isSupportStorage;
+ }
+
+ public async Get(key: string): Promise<any> {
+ key = this.ensureCacheKeyPrefix(key);
+ let returnValue: any = undefined;
+ if (this.IsSupportStorage()) {
+ if (!this.isCacheExpired(key)) {
+ returnValue = this.storage[key];
+ if (typeof returnValue === "string" && (returnValue.indexOf("{") === 0 || returnValue.indexOf("[") === 0)) {
+ returnValue = JSON.parse(returnValue);
+ }
+ }
+ }
+ return returnValue;
+ }
+
+ public async Set(key: string, valueObj: any, cacheTimeout: CacheTimeout = CacheTimeout.default): Promise<boolean> {
+ key = this.ensureCacheKeyPrefix(key);
+ let didSetInCache: boolean = false;
+ if (this.IsSupportStorage()) {
+ // get value as a string
+ let cacheValue: any = undefined;
+ if (valueObj === null || valueObj === undefined) {
+ cacheValue = valueObj;
+ } else if (typeof valueObj === "object") {
+ cacheValue = JSON.stringify(valueObj);
+ } else {
+ cacheValue = `${valueObj}`;
+ }
+
+ // cache value
+ this.storage[key] = cacheValue;
+ const validityPeriodMs: number = this.getCacheTimeout(cacheTimeout);
+ // cache expiry
+ this.storage[this.getExpiryKey(key)] = ((new Date()).getTime() + validityPeriodMs).toString();
+ didSetInCache = true;
+ }
+ return didSetInCache;
+ }
+
+ public async Clear(key: string): Promise<void> {
+ key = this.ensureCacheKeyPrefix(key);
+ this.storage.removeItem(key);
+ this.storage.removeItem(this.getExpiryKey(key));
+ }
+
+ private getExpiryKey(key: string): string {
+ return key + "_expiry";
+ }
+
+ private isCacheExpired(key: string): boolean {
+ let isCacheExpired: boolean = true;
+ const cacheExpiryString: string = this.storage[this.getExpiryKey(key)];
+ if (typeof cacheExpiryString === "string" && cacheExpiryString.length > 0) {
+ const cacheExpiryInt: number = parseInt(cacheExpiryString, 10);
+ if (cacheExpiryInt > (new Date()).getTime()) {
+ isCacheExpired = false;
+ }
+ }
+ return isCacheExpired;
+ }
+
+ private ensureCacheKeyPrefix(key: string): string {
+ let prefixedKey: string = "";
+ if (!key || key.indexOf(this.cacheKeyPrefix) !== 0) {
+ prefixedKey = `${this.cacheKeyPrefix}${key}`;
+ } else {
+ prefixedKey = key;
+ }
+ return prefixedKey;
+ }
+
+ private getCacheTimeout(cacheTimeout: CacheTimeout): number {
+ const oneMinute: number = 60000;
+ let timeout: number;
+ switch (cacheTimeout) {
+ case CacheTimeout.oneSecond:
+ timeout = 1000;
+ break;
+ case CacheTimeout.short:
+ timeout = oneMinute;
+ break;
+ case CacheTimeout.long:
+ timeout = oneMinute * 60; // 1 hour
+ break;
+ case CacheTimeout.verylong:
+ timeout = oneMinute * 60 * 24; // 24 hours
+ break;
+ default:
+ timeout = oneMinute * 10; // 10 minutes
+ break;
+ }
+ return timeout;
+ }
+} |
| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| ICacheProvider.ts | +100% | +6/6 | +100% | +2/2 | +100% | +1/1 | +100% | +6/6 | +|
| StorageCacheProvider.ts | +100% | +75/75 | +100% | +42/42 | +100% | +10/10 | +100% | +74/74 | +
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 | 1x +1x +1x +1x + + + + +1x + + + + + + +1x +3x + + +1x +3x + + +1x +3x + +1x | import StorageCacheProvider from "../Cache/StorageCacheProvider";
+import ConsoleLogProvider from "../Log/ConsoleLogProvider";
+import PnPListsService from "../../services/Lists/PnPListsService";
+import PnPListsServiceExecutor from "../../services/Lists/executor/PnPListsServiceExecutor";
+import ICacheProvider from "../Cache/ICacheProvider";
+import ILogProvider from "../Log/ILogProvider";
+import IListsService from "../../services/Lists/IListsService";
+
+export default class DependencyResolver { // implements IDependencyResolver
+ // private useMockServices: boolean;
+
+ // constructor(useMockServices: boolean = false) {
+ // this.useMockServices = useMockServices;
+ // }
+
+ public ResolveICacheProvider(): ICacheProvider {
+ return new StorageCacheProvider(window.sessionStorage);
+ }
+
+ public ResolveILogProvider(): ILogProvider {
+ return new ConsoleLogProvider();
+ }
+
+ public ResolveIListsService(webUrl: string): IListsService {
+ return new PnPListsService(new PnPListsServiceExecutor(webUrl));
+ }
+} |
| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| DependencyResolver.ts | +100% | +12/12 | +100% | +0/0 | +100% | +4/4 | +100% | +12/12 | +
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 | + + +2x + +14x +11x + + +3x +2x +2x + +3x +2x +2x + +3x +2x +2x + +3x +2x +2x + + +2x +8x +8x + + +2x +8x +8x + +2x | import ILogProvider from "./ILogProvider";
+import IConsole from "./IConsole";
+
+export default class ConsoleLogProvider implements ILogProvider {
+ private consolelog: IConsole;
+ constructor(consolelog: IConsole = window.console) {
+ this.consolelog = consolelog;
+ }
+
+ public async Debug(className: string, message: string, json: any = undefined): Promise<void> {
+ const jsonString: string = this.getJsonString(json);
+ this.internalLog(this.consolelog.debug, className, message, jsonString);
+ }
+ public async Info(className: string, message: string, json: any = undefined): Promise<void> {
+ const jsonString: string = this.getJsonString(json);
+ this.internalLog(this.consolelog.info, className, message, jsonString);
+ }
+ public async Warning(className: string, message: string, json: any = undefined): Promise<void> {
+ const jsonString: string = this.getJsonString(json);
+ this.internalLog(this.consolelog.warn, className, message, jsonString);
+ }
+ public async Error(className: string, message: string, json: any = undefined): Promise<void> {
+ const jsonString: string = this.getJsonString(json);
+ this.internalLog(this.consolelog.error, className, message, jsonString);
+ }
+
+ private getJsonString(json: any): string {
+ const jsonString: string = !!json ? JSON.stringify(json) : "";
+ return jsonString;
+ }
+
+ private internalLog(log: (message:string) => void, className: string, message: string, jsonString: string): void {
+ const logMessage: string = `${className}, ${message}, ${jsonString}`;
+ log(logMessage);
+ }
+} |
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 | + +2x +2x + + +2x + + +2x + + +2x + + + +2x | import ILogProvider from "./ILogProvider";
+
+export default class MockLogProvider implements ILogProvider {
+ public async Debug(className: string, message: string, json: any): Promise<void> {
+ // do nothing
+ }
+ public async Info(className: string, message: string, json: any): Promise<void> {
+ // do nothing
+ }
+ public async Warning(className: string, message: string, json: any): Promise<void> {
+ // do nothing
+ }
+ public async Error(className: string, message: string, json: any): Promise<void> {
+ // do nothing
+ }
+
+} |
| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| ConsoleLogProvider.ts | +100% | +26/26 | +100% | +12/12 | +100% | +8/8 | +100% | +22/22 | +
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 | + +2x +6x + + +6x + + +2x +5x + +2x | import IListsService, { IList } from "./IListsService";
+
+export default class MockListsService implements IListsService {
+ private lists: IList[] = [];
+
+ constructor(lists: IList[]) {
+ this.lists = lists;
+ }
+
+ public async GetLists(): Promise<IList[]> {
+ return this.lists;
+ }
+} |
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 | + + +2x + + + +6x + + +2x +3x +3x +4x + + + + +3x + +2x | import IListsService, { IList } from "./IListsService";
+import IListsServiceExecutor from "./executor/IListsServiceExecutor";
+
+export default class PnPListsService implements IListsService {
+ private executor: IListsServiceExecutor;
+
+ constructor(executor: IListsServiceExecutor) {
+ this.executor = executor;
+ }
+
+ public async GetLists(): Promise<IList[]> {
+ const listsData = await this.executor.Get();
+ const lists = listsData.map(l => {
+ return {
+ Title: l.Title,
+ DefaultViewUrl: l.DefaultViewUrl
+ };
+ });
+ return lists;
+ }
+} |
| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| PnPListsService.ts | +100% | +9/9 | +100% | +0/0 | +100% | +4/4 | +100% | +8/8 | +
| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| common/providers/Cache | +100% | +81/81 | +100% | +44/44 | +100% | +11/11 | +100% | +80/80 | +|
| common/providers/DependencyResolver | +100% | +12/12 | +100% | +0/0 | +100% | +4/4 | +100% | +12/12 | +|
| common/providers/Log | +100% | +26/26 | +100% | +12/12 | +100% | +8/8 | +100% | +22/22 | +|
| common/services/Lists | +100% | +9/9 | +100% | +0/0 | +100% | +4/4 | +100% | +8/8 | +|
| webparts/iocTests | +100% | +10/10 | +100% | +0/0 | +100% | +2/2 | +100% | +10/10 | +|
| webparts/iocTests/components | +100% | +25/25 | +100% | +6/6 | +100% | +5/5 | +100% | +20/20 | +
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import * as React from 'react'; +import * as ReactDom from 'react-dom'; +import { Version, Environment, EnvironmentType } from '@microsoft/sp-core-library'; +import { + BaseClientSideWebPart, + IPropertyPaneConfiguration, + PropertyPaneTextField +} from '@microsoft/sp-webpart-base'; + +import * as strings from 'IocTestsWebPartStrings'; +import IocTests, { IocTestsProps } from './components/IocTests'; +import PnPListsService from '../../common/services/Lists/PnPListsService'; +import IListsService from '../../common/services/Lists/IListsService'; +import MockListsService from '../../common/services/Lists/MockListsService'; +import ICacheProvider from '../../common/providers/Cache/ICacheProvider'; +import MockCacheProvider from '../../common/providers/Cache/MockCacheProvider'; +import StorageCacheProvider, { StorageType } from '../../common/providers/Cache/StorageCacheProvider'; +import ILogProvider from '../../common/providers/Log/ILogProvider'; +import MockLogProvider from '../../common/providers/Log/MockLogProvider'; +import ConsoleLogProvider from '../../common/providers/Log/ConsoleLogProvider'; + +export interface IIocTestsWebPartProps { + description: string; +} + +export default class IocTestsWebPart extends BaseClientSideWebPart<IIocTestsWebPartProps> { + + public render(): void { + const useMockServices = Environment.type !== EnvironmentType.SharePoint && Environment.type !== EnvironmentType.ClassicSharePoint; + + const listsService: IListsService = useMockServices + ? new MockListsService([{ Title: "Mocked List", DefaultViewUrl: "https://bing.com" }]) + : new PnPListsService(this.context.pageContext.web.absoluteUrl); + + const cacheProvider: ICacheProvider = useMockServices + ? new MockCacheProvider() + : new StorageCacheProvider(StorageType.local); + + const logProvider: ILogProvider = useMockServices + ? new MockLogProvider() + : new ConsoleLogProvider(this.context); + + const element: React.ReactElement<IocTestsProps> = React.createElement( + IocTests, + { + listsService: listsService, + cacheProvider: cacheProvider, + logProvider: logProvider + } + ); + + ReactDom.render(element, this.domElement); + } + + protected onDispose(): void { + ReactDom.unmountComponentAtNode(this.domElement); + } + + protected get dataVersion(): Version { + return Version.parse('1.0'); + } + + protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration { + return { + pages: [ + { + header: { + description: strings.PropertyPaneDescription + }, + groups: [ + { + groupName: strings.BasicGroupName, + groupFields: [ + PropertyPaneTextField('description', { + label: strings.DescriptionFieldLabel + }) + ] + } + ] + } + ] + }; + } +} + |
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 | 1x +1x + +1x + + + + + + + + + + + + +1x +1x + + +1x +1x + + + + +1x + +1x + + +1x +1x + + +1x + + +1x + + +1x + + + + +1x +2x + +2x + + + + + + +1x + + + + + + + + + + +1x + | import * as React from 'react';
+import styles from './IocTests.module.scss';
+import IListsService, { IList } from '../../../common/services/Lists/IListsService';
+import ICacheProvider, { CacheTimeout } from '../../../common/providers/Cache/ICacheProvider';
+import ILogProvider from '../../../common/providers/Log/ILogProvider';
+
+export interface IocTestsProps {
+ cacheProvider: ICacheProvider;
+ logProvider: ILogProvider;
+ listsService: IListsService;
+}
+
+export interface IocTestsState {
+ lists: IList[];
+}
+
+export default class IocTests extends React.Component<IocTestsProps, IocTestsState> {
+ private className: string = "IocTests";
+
+ constructor(props: IocTestsProps) {
+ super(props);
+ this.state = {
+ lists: null
+ };
+ }
+
+ public async componentDidMount(): Promise<void> {
+ // LOG PROVIDER
+ await this.props.logProvider.Debug(this.className, "componentDidMount", null);
+
+ // CACHE PROVIDER
+ const cacheKey = "IocTestsGetLists";
+ let lists: IList[] = await this.props.cacheProvider.Get(cacheKey);
+ if (!lists) {
+ // LISTS SERVICE
+ lists = await this.props.listsService.GetLists();
+
+ // CACHE PROVIDER
+ await this.props.cacheProvider.Set(cacheKey, lists, CacheTimeout.default);
+ }
+
+ this.setState({
+ lists: lists
+ });
+ }
+
+ public render(): React.ReactElement<IocTestsProps> {
+ this.props.logProvider.Debug(this.className, "render", null);
+
+ return (
+ <div id={ styles.iocTests } className={ styles.iocTests }>
+ <div className={ styles.container }>
+ { !this.state.lists &&
+ <span> Loading... </span>
+ }
+ { !!this.state.lists && this.state.lists.map(l => {
+ return (
+ <div key={l.Title}>
+ <a href={l.DefaultViewUrl} target={"_blank"}>{l.Title}</a>
+ </div>
+ );
+ })
+ }
+ </div>
+ </div>
+ );
+ }
+}
+ |
| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| IocTests.tsx | +96% | +24/25 | +100% | +6/6 | +100% | +5/5 | +95% | +19/20 | +
| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| IocTestsWebPart.ts | +0% | +0/28 | +0% | +0/8 | +0% | +0/5 | +0% | +0/27 | +
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 | + + + + +1x + +1x +1x + +3x + +3x +3x +3x + +3x + + + + + + +3x + +1x | import { IIocTestsWebPartProps } from "./IocTestsWebPart";
+import { IListOfListsProps } from "./components/ListOfLists";
+import IListsService from "../../common/services/Lists/IListsService";
+import ICacheProvider from "../../common/providers/Cache/ICacheProvider";
+import ILogProvider from "../../common/providers/Log/ILogProvider";
+import DependencyResolver from "../../common/providers/DependencyResolver/DependencyResolver";
+
+export default class IoCTestsWebPartPropsDependencyResolver {
+ public resolve(properties: IIocTestsWebPartProps, webUrl: string): IListOfListsProps {
+
+ const resolver = new DependencyResolver();
+
+ const listsService: IListsService = resolver.ResolveIListsService(webUrl);
+ const cacheProvider: ICacheProvider = resolver.ResolveICacheProvider();
+ const logProvider: ILogProvider = resolver.ResolveILogProvider();
+
+ const props: IListOfListsProps = {
+ description: properties.description,
+ listsService: listsService,
+ cacheProvider: cacheProvider,
+ logProvider: logProvider
+ };
+
+ return props;
+ }
+} |
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 | + + +1x +1x +1x + +1x +1x + +1x +1x + +1x +1x +3x + + + +3x + + + +3x + + + +3x + + + + + + +3x + +1x | import { IIocTestsWebPartProps } from "./IocTestsWebPart";
+import { IocTestsProps } from "./components/IocTests";
+import IListsService from "../../common/services/Lists/IListsService";
+import MockListsService from "../../common/services/Lists/MockListsService";
+import PnPListsService from "../../common/services/Lists/PnPListsService";
+import PnPListsServiceExecutor from "../../common/services/Lists/executor/PnPListsServiceExecutor";
+import ICacheProvider from "../../common/providers/Cache/ICacheProvider";
+import MockCacheProvider from "../../common/providers/Cache/MockCacheProvider";
+import StorageCacheProvider from "../../common/providers/Cache/StorageCacheProvider";
+import ILogProvider from "../../common/providers/Log/ILogProvider";
+import MockLogProvider from "../../common/providers/Log/MockLogProvider";
+import ConsoleLogProvider from "../../common/providers/Log/ConsoleLogProvider";
+
+export default class IoCTestsWebPartPropsTransformer {
+ public transform(properties: IIocTestsWebPartProps, webUrl: string, useMockServices: boolean): IocTestsProps {
+ const listsService: IListsService = useMockServices
+ ? new MockListsService([{ Title: "Mocked List", DefaultViewUrl: "https://bing.com" }])
+ : new PnPListsService(new PnPListsServiceExecutor(webUrl));
+
+ const cacheProvider: ICacheProvider = useMockServices
+ ? new MockCacheProvider()
+ : new StorageCacheProvider();
+
+ const logProvider: ILogProvider = useMockServices
+ ? new MockLogProvider()
+ : new ConsoleLogProvider();
+
+ const props: IocTestsProps = {
+ description: properties.description,
+ listsService: listsService,
+ cacheProvider: cacheProvider,
+ logProvider: logProvider
+ };
+
+ return props;
+ }
+} |
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import * as React from 'react'; +import * as ReactDom from 'react-dom'; +import { Version, Environment, EnvironmentType } from '@microsoft/sp-core-library'; +import { + BaseClientSideWebPart, + IPropertyPaneConfiguration, + PropertyPaneTextField +} from '@microsoft/sp-webpart-base'; + +import * as strings from 'IocTestsWebPartStrings'; +import IocTests, { IocTestsProps } from './components/IocTests'; +import PnPListsService from '../../common/services/Lists/PnPListsService'; +import IListsService from '../../common/services/Lists/IListsService'; +import MockListsService from '../../common/services/Lists/MockListsService'; +import ICacheProvider from '../../common/providers/Cache/ICacheProvider'; +import MockCacheProvider from '../../common/providers/Cache/MockCacheProvider'; +import StorageCacheProvider, { StorageType } from '../../common/providers/Cache/StorageCacheProvider'; +import ILogProvider from '../../common/providers/Log/ILogProvider'; +import MockLogProvider from '../../common/providers/Log/MockLogProvider'; +import ConsoleLogProvider from '../../common/providers/Log/ConsoleLogProvider'; + +export interface IIocTestsWebPartProps { + description: string; +} + +export default class IocTestsWebPart extends BaseClientSideWebPart<IIocTestsWebPartProps> { + + public render(): void { + const useMockServices = Environment.type !== EnvironmentType.SharePoint && Environment.type !== EnvironmentType.ClassicSharePoint; + + const listsService: IListsService = useMockServices + ? new MockListsService([{ Title: "Mocked List", DefaultViewUrl: "https://bing.com" }]) + : new PnPListsService(this.context.pageContext.web.absoluteUrl); + + const cacheProvider: ICacheProvider = useMockServices + ? new MockCacheProvider() + : new StorageCacheProvider(StorageType.local); + + const logProvider: ILogProvider = useMockServices + ? new MockLogProvider() + : new ConsoleLogProvider(this.context); + + const element: React.ReactElement<IocTestsProps> = React.createElement( + IocTests, + { + listsService: listsService, + cacheProvider: cacheProvider, + logProvider: logProvider + } + ); + + ReactDom.render(element, this.domElement); + } + + protected onDispose(): void { + ReactDom.unmountComponentAtNode(this.domElement); + } + + protected get dataVersion(): Version { + return Version.parse('1.0'); + } + + protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration { + return { + pages: [ + { + header: { + description: strings.PropertyPaneDescription + }, + groups: [ + { + groupName: strings.BasicGroupName, + groupFields: [ + PropertyPaneTextField('description', { + label: strings.DescriptionFieldLabel + }) + ] + } + ] + } + ] + }; + } +} + |
| 1 +2 +3 +4 +5 +6 +7 +8 +9 | + + + + + + + + | /* tslint:disable */ +require("./IocTests.module.css"); +const styles = { + iocTests: 'iocTests_886457bc', + container: 'container_886457bc', +}; + +export default styles; +/* tslint:enable */ |
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 | 1x +1x + +1x + + + + + + + + + + + + + + +1x +7x + + +7x +7x + + + + + +1x + +13x + + +13x +13x +8x + +5x + + +5x + + +13x + + + + + +1x +20x + +20x + + + + + + + + + +13x + + + + + + + + + + +1x + | import * as React from 'react';
+import styles from './IocTests.module.scss';
+import IListsService, { IList } from '../../../common/services/Lists/IListsService';
+import ICacheProvider, { CacheTimeout } from '../../../common/providers/Cache/ICacheProvider';
+import ILogProvider from '../../../common/providers/Log/ILogProvider';
+
+export interface IocTestsProps {
+ description: string;
+ cacheProvider: ICacheProvider;
+ logProvider: ILogProvider;
+ listsService: IListsService;
+}
+
+export interface IocTestsState {
+ lists: IList[];
+ isLoading: boolean;
+}
+
+export default class IocTests extends React.Component<IocTestsProps, IocTestsState> {
+ private className: string = "IocTests";
+
+ constructor(props: IocTestsProps) {
+ super(props);
+ this.state = {
+ lists: [],
+ isLoading: true
+ };
+ }
+
+ public async componentDidMount(): Promise<void> {
+ // LOG PROVIDER
+ await this.props.logProvider.Debug(this.className, "componentDidMount", null);
+
+ // CACHE PROVIDER
+ const cacheKey = "IocTestsGetLists";
+ let lists: IList[] = await this.props.cacheProvider.Get(cacheKey);
+ if (!lists) {
+ // LISTS SERVICE
+ lists = await this.props.listsService.GetLists();
+
+ // CACHE PROVIDER
+ await this.props.cacheProvider.Set(cacheKey, lists, CacheTimeout.default);
+ }
+
+ this.setState({
+ lists: lists,
+ isLoading: false
+ });
+ }
+
+ public render(): React.ReactElement<IocTestsProps> {
+ this.props.logProvider.Debug(this.className, "render", null);
+
+ return (
+ <div id={ styles.iocTests } className={ styles.iocTests }>
+ <div className={ styles.container }>
+ { !!this.props.description &&
+ <div>{this.props.description}</div>
+ }
+ { !!this.state.isLoading &&
+ <span> Loading... </span>
+ }
+ { this.state.lists.map(l => {
+ return (
+ <div key={l.Title}>
+ <a href={l.DefaultViewUrl} target={"_blank"}>{l.Title}</a>
+ </div>
+ );
+ })
+ }
+ </div>
+ </div>
+ );
+ }
+}
+ |
| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 | 1x +1x + +1x + + + + + + + + + + + + + + +1x +7x + + +7x +7x + + + + + +1x + +13x + + +13x +13x +8x + +5x + + +5x + + +13x + + + + + +1x +20x + +20x + + + + + + + + + +13x + + + + + + + + + + +1x + | import * as React from 'react';
+import styles from './ListOfLists.module.scss';
+import IListsService, { IList } from '../../../common/services/Lists/IListsService';
+import ICacheProvider, { CacheTimeout } from '../../../common/providers/Cache/ICacheProvider';
+import ILogProvider from '../../../common/providers/Log/ILogProvider';
+
+export interface IListOfListsProps {
+ description: string;
+ cacheProvider: ICacheProvider;
+ logProvider: ILogProvider;
+ listsService: IListsService;
+}
+
+export interface IListOfListsState {
+ lists: IList[];
+ isLoading: boolean;
+}
+
+export default class ListOfLists extends React.Component<IListOfListsProps, IListOfListsState> {
+ private className: string = "ListOfLists";
+
+ constructor(props: IListOfListsProps) {
+ super(props);
+ this.state = {
+ lists: [],
+ isLoading: true
+ };
+ }
+
+ public async componentDidMount(): Promise<void> {
+ // LOG PROVIDER
+ await this.props.logProvider.Debug(this.className, "componentDidMount", null);
+
+ // CACHE PROVIDER
+ const cacheKey = "ListOfListsGetLists";
+ let lists: IList[] = await this.props.cacheProvider.Get(cacheKey);
+ if (!lists) {
+ // LISTS SERVICE
+ lists = await this.props.listsService.GetLists();
+
+ // CACHE PROVIDER
+ await this.props.cacheProvider.Set(cacheKey, lists, CacheTimeout.default);
+ }
+
+ this.setState({
+ lists: lists,
+ isLoading: false
+ });
+ }
+
+ public render(): React.ReactElement<IListOfListsProps> {
+ this.props.logProvider.Debug(this.className, "render", null);
+
+ return (
+ <div id={ styles.ListOfLists } className={ styles.ListOfLists }>
+ <div className={ styles.container }>
+ { !!this.props.description &&
+ <div>{this.props.description}</div>
+ }
+ { !!this.state.isLoading &&
+ <span> Loading... </span>
+ }
+ { this.state.lists.map(l => {
+ return (
+ <div key={l.Title}>
+ <a href={l.DefaultViewUrl} target={"_blank"}>{l.Title}</a>
+ </div>
+ );
+ })
+ }
+ </div>
+ </div>
+ );
+ }
+}
+ |
| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| ListOfLists.tsx | +100% | +25/25 | +100% | +6/6 | +100% | +5/5 | +100% | +20/20 | +
| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| IoCTestsWebPartPropsDependencyResolver.ts | +100% | +10/10 | +100% | +0/0 | +100% | +2/2 | +100% | +10/10 | +