8354981043

Committed 20 Mar 2024 07:00AM UTC coverage: 84.176% (-0.05%) from 84.228%

Build # 8354981043

Build Type

push

github

Committed by

web-flow

Commit Message

fix: show the network response if have (#58)

page-spy-browser / mp-base

Run Details

1323 of 1467 branches covered (90.18%)

Branch coverage included in aggregate %.

34 of 35 new or added lines in 1 file covered. (97.14%)

3 existing lines in 1 file now uncovered.

5183 of 6262 relevant lines covered (82.77%)

44.53 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

87.79

/packages/mp-base/src/plugins/network/proxy/request.ts

import { getRandomId, isObjectLike, psLog, toStringTag } from 'base/src/index';
import {
  ReqReadyState,
  resolveUrlInfo,
  toLowerKeys,
} from 'base/src/network/common';
import { getMPSDK } from 'mp-base/src/utils';
import MPNetworkProxyBase from './base';

export default class MPWeixinRequestProxy extends MPNetworkProxyBase {
  private request: MPNetworkAPI['request'] | null = null;

  constructor() {
    super();
    this.initProxyHandler();
  }

  public reset() {
    if (this.request) {
      const mp = getMPSDK();
      Object.defineProperty(mp, 'request', {
        value: this.request,
      });
    }
  }

  private initProxyHandler() {
    const that = this;
    const mp = getMPSDK();
    const originRequest = mp.request;

    if (!originRequest) {
      return;
    }
    this.request = originRequest;

    Object.defineProperty(mp, 'request', {
      value(params: Parameters<MPNetworkAPI['request']>[0]) {
        const id = getRandomId();
        that.createRequest(id);
        const req = that.getRequest(id);
        if (req) {
          const method = params.method || 'GET';
          const { url } = params;
          const requestHeader: HeadersInit | null = params.header || null;

          const urlInfo = resolveUrlInfo(url);
          req.url = urlInfo.url;
          req.name = urlInfo.name;
          req.getData = urlInfo.query;

          req.method = method.toUpperCase();
          req.requestType = 'mp-request';
          req.status = 0;
          // TODO statusText 要不要标准化
          req.statusText = 'Pending';
          req.startTime = Date.now();
          req.readyState = ReqReadyState.UNSENT;

          if (isObjectLike(requestHeader)) {
            req.requestHeader = Object.entries(requestHeader);
          } else {
            req.requestHeader = requestHeader;
          }

          if (req.method !== 'GET') {
            // NOTE：小程序的奇葩操作： request content-type 全部为 application/json
            req.requestHeader = [['Content-Type', 'application/json']];

            const { data } = params;
            if (data) {
              if (typeof data === 'string') {
                req.requestPayload = data;
              } else if (data instanceof ArrayBuffer) {
                req.requestPayload = '[object ArrayBuffer]';
              } else {
                try {
                  req.requestPayload = JSON.stringify(data);
                } catch (e) {
                  req.requestPayload = toStringTag(data);
                }
              }
            }
          }
          that.sendRequestItem(id, req);

          const originOnSuccess = params.success;
          const originOnFailed = params.fail;
          const originOnComplete = params.complete;

          const commonEnd = () => {
            req.endTime = Date.now();
            req.costTime = req.endTime - (req.startTime || req.endTime);
          };

          params.success = function (res) {
            commonEnd();
            req.status = res?.statusCode || 200;
            req.statusText = 'Done';
            req.responseHeader = [...Object.entries(res?.header || {})];
            req.readyState = ReqReadyState.HEADERS_RECEIVED;
            that.sendRequestItem(id, req);

            const lowerHeaders = toLowerKeys(res?.header || {});
            const contentType = lowerHeaders['content-type'];
            if (contentType) {
              if (contentType.includes('application/json')) {
                req.responseType = 'json';
              }

              if (
                contentType.includes('text/html') ||
                contentType.includes('text/plain')
              ) {
                req.responseType = 'text';
              }
            }
            if (!req.responseType) {
              req.responseType = 'arraybuffer';
            }

            switch (req.responseType) {
              case 'json':
              case 'text':
                if (typeof res?.data === 'string') {
                  try {
                    req.response = JSON.parse(res!.data as string);
                  } catch (e) {
                    req.response = res.data;
                    req.responseType = 'text';
                  }
                } else {
                  req.response = res?.data;
                }
                break;
              case 'arraybuffer':
                // NOTE: 小程序 arraybuffer 没有合适的方法转为 base64，一期暂时这样。
                req.response = '[object ArrayBuffer]';
                // req.responseReason = Reason.EXCEED_SIZE;
                break;
              default:
                break;
            }
            originOnSuccess?.(res);
          };

          params.fail = function (err) {
            commonEnd();
            originOnFailed?.(err);
          };

          params.complete = function (res: any) {
            req.readyState = ReqReadyState.DONE;
            that.sendRequestItem(id, req);
            originOnComplete?.(res);
          };

          const requestInstance = originRequest(params);
          return requestInstance;
        }

        /* c8 ignore next 2 */
        psLog.warn('The request object is not found on request event');
        return null;
      },
    });
  }
}

1	import { getRandomId, isObjectLike, psLog, toStringTag } from 'base/src/index';	2✔
2	import {	2✔
3	ReqReadyState,	2✔
4	resolveUrlInfo,	2✔
5	toLowerKeys,	2✔
6	} from 'base/src/network/common';	2✔
7	import { getMPSDK } from 'mp-base/src/utils';	2✔
8	import MPNetworkProxyBase from './base';	2✔
9		2✔
10	export default class MPWeixinRequestProxy extends MPNetworkProxyBase {	2✔
11	private request: MPNetworkAPI['request'] \| null = null;	2✔
12		2✔
13	constructor() {	2✔
14	super();	26✔
15	this.initProxyHandler();	26✔
16	}	26✔
17		2✔
18	public reset() {	2✔
19	if (this.request) {	32✔
20	const mp = getMPSDK();	30✔
21	Object.defineProperty(mp, 'request', {	30✔
22	value: this.request,	30✔
23	});	30✔
24	}	30✔
25	}	32✔
26		2✔
27	private initProxyHandler() {	2✔
28	const that = this;	26✔
29	const mp = getMPSDK();	26✔
30	const originRequest = mp.request;	26✔
31		26✔
32	if (!originRequest) {	26✔
33	return;	2✔
34	}	2✔
35	this.request = originRequest;	24✔
36		24✔
37	Object.defineProperty(mp, 'request', {	24✔
38	value(params: Parameters<MPNetworkAPI['request']>[0]) {	24✔
39	const id = getRandomId();	26✔
40	that.createRequest(id);	26✔
41	const req = that.getRequest(id);	26✔
42	if (req) {	26✔
43	const method = params.method \|\| 'GET';	26✔
44	const { url } = params;	26✔
45	const requestHeader: HeadersInit \| null = params.header \|\| null;	26✔
46		26✔
47	const urlInfo = resolveUrlInfo(url);	26✔
48	req.url = urlInfo.url;	26✔
49	req.name = urlInfo.name;	26✔
50	req.getData = urlInfo.query;	26✔
51		26✔
52	req.method = method.toUpperCase();	26✔
53	req.requestType = 'mp-request';	26✔
54	req.status = 0;	26✔
55	// TODO statusText 要不要标准化	26✔
56	req.statusText = 'Pending';	26✔
57	req.startTime = Date.now();	26✔
58	req.readyState = ReqReadyState.UNSENT;	26✔
59		26✔
60	if (isObjectLike(requestHeader)) {	26!
61	req.requestHeader = Object.entries(requestHeader);	×
62	} else {	26✔
63	req.requestHeader = requestHeader;	26✔
64	}	26✔
65		26✔
66	if (req.method !== 'GET') {	26✔
67	// NOTE：小程序的奇葩操作： request content-type 全部为 application/json	6✔
68	req.requestHeader = [['Content-Type', 'application/json']];	6✔
69		6✔
70	const { data } = params;	6✔
71	if (data) {	6!
72	if (typeof data === 'string') {	×
73	req.requestPayload = data;	×
74	} else if (data instanceof ArrayBuffer) {	×
75	req.requestPayload = '[object ArrayBuffer]';	×
76	} else {	×
77	try {	×
78	req.requestPayload = JSON.stringify(data);	×
79	} catch (e) {	×
80	req.requestPayload = toStringTag(data);	×
81	}	×
82	}	×
83	}	×
84	}	6✔
85	that.sendRequestItem(id, req);	26✔
86		26✔
87	const originOnSuccess = params.success;	26✔
88	const originOnFailed = params.fail;	26✔
89	const originOnComplete = params.complete;	26✔
90		26✔
91	const commonEnd = () => {	26✔
92	req.endTime = Date.now();	26✔
93	req.costTime = req.endTime - (req.startTime \|\| req.endTime);	26!
94	};	26✔
95		26✔
96	params.success = function (res) {	26✔
97	commonEnd();	24✔
98	req.status = res?.statusCode \|\| 200;	24!
99	req.statusText = 'Done';	24✔
100	req.responseHeader = [...Object.entries(res?.header \|\| {})];	24!
101	req.readyState = ReqReadyState.HEADERS_RECEIVED;	24✔
102	that.sendRequestItem(id, req);	24✔
103		24✔
104	const lowerHeaders = toLowerKeys(res?.header \|\| {});	24!
105	const contentType = lowerHeaders['content-type'];	24✔
106	if (contentType) {	24✔
107	if (contentType.includes('application/json')) {	24✔
108	req.responseType = 'json';	8✔
109	}	8✔
110		24✔
111	if (	24✔
112	contentType.includes('text/html') \|\|	24✔
113	contentType.includes('text/plain')	24✔
114	) {	24✔
115	req.responseType = 'text';	14✔
116	}	14✔
117	}	24✔
118	if (!req.responseType) {	24✔
119	req.responseType = 'arraybuffer';	2✔
120	}	2✔
121		24✔
122	switch (req.responseType) {	24✔
123	case 'json':	24✔
124	case 'text':	24✔
125	if (typeof res?.data === 'string') {	22✔
126	try {	16✔
127	req.response = JSON.parse(res!.data as string);	16✔
128	} catch (e) {	16✔
129	req.response = res.data;	16✔
130	req.responseType = 'text';	16✔
131	}	16✔
132	} else {	22✔
133	req.response = res?.data;	6✔
134	}	6✔
135	break;	22✔
136	case 'arraybuffer':	24✔
137	// NOTE: 小程序 arraybuffer 没有合适的方法转为 base64，一期暂时这样。	2✔
138	req.response = '[object ArrayBuffer]';	2✔
139	// req.responseReason = Reason.EXCEED_SIZE;	2✔
140	break;	2✔
141	default:	24!
NEW 142	break;	×
143	}	24✔
144	originOnSuccess?.(res);	24✔
145	};	26✔
146		26✔
147	params.fail = function (err) {	26✔
148	commonEnd();	2✔
149	originOnFailed?.(err);	2✔
150	};	26✔
151		26✔
152	params.complete = function (res: any) {	26✔
153	req.readyState = ReqReadyState.DONE;	26✔
154	that.sendRequestItem(id, req);	26✔
155	originOnComplete?.(res);	26✔
156	};	26✔
157		26✔
158	const requestInstance = originRequest(params);	26✔
159	return requestInstance;	26✔
160	}	26✔
161		×
162	/* c8 ignore next 2 */	2✔
163	psLog.warn('The request object is not found on request event');	2✔
164	return null;	2✔
165	},	24✔
166	});	24✔
167	}	24✔
168	}	2✔

HuolalaTech / page-spy / 8354981043

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous