1 | import puppeteer from 'puppeteer';
|
2 | import { isMobileResult } from '..';
|
3 |
|
4 | describe('E2E Tests', () => {
|
5 | test('isMobile global variable is present', async () => {
|
6 | const browser = await puppeteer.launch();
|
7 | const page = await browser.newPage();
|
8 | await page.setUserAgent('okhttp/3.0.0');
|
9 | await page.addScriptTag({ path: './dist/isMobile.min.js' });
|
10 |
|
11 | const isMobile: isMobileResult = await page.evaluate(() => isMobile);
|
12 |
|
13 | expect(isMobile).toMatchInlineSnapshot(`
|
14 | Object {
|
15 | "amazon": Object {
|
16 | "device": false,
|
17 | "phone": false,
|
18 | "tablet": false,
|
19 | },
|
20 | "android": Object {
|
21 | "device": true,
|
22 | "phone": false,
|
23 | "tablet": false,
|
24 | },
|
25 | "any": true,
|
26 | "apple": Object {
|
27 | "device": false,
|
28 | "ipod": false,
|
29 | "phone": false,
|
30 | "tablet": false,
|
31 | "universal": false,
|
32 | },
|
33 | "other": Object {
|
34 | "blackberry": false,
|
35 | "blackberry10": false,
|
36 | "chrome": false,
|
37 | "device": false,
|
38 | "firefox": false,
|
39 | "opera": false,
|
40 | },
|
41 | "phone": false,
|
42 | "tablet": false,
|
43 | "windows": Object {
|
44 | "device": false,
|
45 | "phone": false,
|
46 | "tablet": false,
|
47 | },
|
48 | }
|
49 | `);
|
50 |
|
51 | await browser.close();
|
52 | });
|
53 |
|
54 | (process.env.GITHUB_ACTIONS ? test.skip : test)(
|
55 | 'isMobile correctly checks iOS 13',
|
56 | async () => {
|
57 | const iPadIos13 = {
|
58 | ...puppeteer.devices['iPad Pro'],
|
59 | userAgent:
|
60 | 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko)',
|
61 | };
|
62 | const browser = await puppeteer.launch();
|
63 | const page = await browser.newPage();
|
64 | await page.evaluateOnNewDocument(() => {
|
65 | Object.defineProperty(navigator, 'maxTouchPoints', {
|
66 | get: () => 4,
|
67 | });
|
68 | });
|
69 | await page.emulate(iPadIos13);
|
70 | await page.addScriptTag({ path: './dist/isMobile.min.js' });
|
71 |
|
72 | const isMobile: isMobileResult = await page.evaluate(() => isMobile);
|
73 |
|
74 |
|
75 | expect(isMobile).toMatchInlineSnapshot(`
|
76 | Object {
|
77 | "amazon": Object {
|
78 | "device": false,
|
79 | "phone": false,
|
80 | "tablet": false,
|
81 | },
|
82 | "android": Object {
|
83 | "device": false,
|
84 | "phone": false,
|
85 | "tablet": false,
|
86 | },
|
87 | "any": true,
|
88 | "apple": Object {
|
89 | "device": true,
|
90 | "ipod": false,
|
91 | "phone": false,
|
92 | "tablet": true,
|
93 | "universal": false,
|
94 | },
|
95 | "other": Object {
|
96 | "blackberry": false,
|
97 | "blackberry10": false,
|
98 | "chrome": false,
|
99 | "device": false,
|
100 | "firefox": false,
|
101 | "opera": false,
|
102 | },
|
103 | "phone": false,
|
104 | "tablet": true,
|
105 | "windows": Object {
|
106 | "device": false,
|
107 | "phone": false,
|
108 | "tablet": false,
|
109 | },
|
110 | }
|
111 | `);
|
112 |
|
113 | await browser.close();
|
114 | },
|
115 | );
|
116 |
|
117 | test('isMobile correctly fails iOS 13 check when MSStream is present', async () => {
|
118 | const iPadIos13 = {
|
119 | ...puppeteer.devices['iPad Pro'],
|
120 | userAgent:
|
121 | 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko)',
|
122 | };
|
123 | const browser = await puppeteer.launch();
|
124 | const page = await browser.newPage();
|
125 | await page.evaluateOnNewDocument(() => {
|
126 | Object.defineProperty(navigator, 'maxTouchPoints', {
|
127 | get: () => 4,
|
128 | });
|
129 |
|
130 | Object.defineProperty(window, 'MSStream', {
|
131 | get: () => (fn: Function) => fn(),
|
132 | });
|
133 | });
|
134 | await page.emulate(iPadIos13);
|
135 | await page.addScriptTag({ path: './dist/isMobile.min.js' });
|
136 |
|
137 | const isMobile: isMobileResult = await page.evaluate(() => isMobile);
|
138 |
|
139 | expect(isMobile).toMatchInlineSnapshot(`
|
140 | Object {
|
141 | "amazon": Object {
|
142 | "device": false,
|
143 | "phone": false,
|
144 | "tablet": false,
|
145 | },
|
146 | "android": Object {
|
147 | "device": false,
|
148 | "phone": false,
|
149 | "tablet": false,
|
150 | },
|
151 | "any": false,
|
152 | "apple": Object {
|
153 | "device": false,
|
154 | "ipod": false,
|
155 | "phone": false,
|
156 | "tablet": false,
|
157 | "universal": false,
|
158 | },
|
159 | "other": Object {
|
160 | "blackberry": false,
|
161 | "blackberry10": false,
|
162 | "chrome": false,
|
163 | "device": false,
|
164 | "firefox": false,
|
165 | "opera": false,
|
166 | },
|
167 | "phone": false,
|
168 | "tablet": false,
|
169 | "windows": Object {
|
170 | "device": false,
|
171 | "phone": false,
|
172 | "tablet": false,
|
173 | },
|
174 | }
|
175 | `);
|
176 |
|
177 | await browser.close();
|
178 | });
|
179 | });
|