ftmocks-utils 1.1.2 → 1.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ftmocks-utils",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "Util functions for FtMocks",
   "main": "src/index.js",
   "scripts": {

package/src/index.js

@@ -14,6 +14,26 @@ const getMockDir = config => {
   return config.MOCK_DIR;
 }
 
+const getFallbackDir = config => {
+  if(config.FALLBACK_DIR && !path.isAbsolute(config.FALLBACK_DIR)) {
+    return path.resolve( process.cwd(), config.FALLBACK_DIR);
+  }
+  return config.FALLBACK_DIR;
+}
+
+const capitalizeHeader = header => {
+  return header
+    .split('-')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+    .join('-');
+}
+
+const capitalizeHeaders = headers => {
+  return Object.fromEntries(
+    Object.entries(headers).map(([key, value]) => [capitalizeHeader(key), value])
+  );
+};
+
 const areJsonEqual = (jsonObj1, jsonObj2) => {
   // Check if both are objects and not null
   if (typeof jsonObj1 === 'object' && jsonObj1 !== null &&
@@ -198,12 +218,12 @@ async function resetAllMockStats({testMockData, testConfig, testName}) {
   }
 }
 
-async function initiatePlaywrightRoutes (page, ftmocksConifg, testName, path = '**/*') {
+async function initiatePlaywrightRoutes (page, ftmocksConifg, testName, mockPath = '**/*', excludeMockPath = null) {
   const testMockData = testName ? loadMockDataFromConfig(ftmocksConifg, testName) : [];
   resetAllMockStats({testMockData, testConfig: ftmocksConifg, testName});
   const defaultMockData = getDefaultMockDataFromConfig(ftmocksConifg);
   console.debug('calling initiatePlaywrightRoutes fetch');
-  await page.route(path, async (route, request) => {
+  await page.route(mockPath, async (route, request) => {
     const url = request.url();
     const options = {
       options: {
@@ -212,21 +232,53 @@ async function initiatePlaywrightRoutes (page, ftmocksConifg, testName, path = '
         body: request.postData(),
       }
     }
+    if (excludeMockPath && new RegExp(excludeMockPath).test(url)) {
+      await route.fallback();
+      return;
+    }
     console.debug('got fetch request', request.method(), request.url(), request.postData());
     let mockData = getMatchingMockData({testMockData, defaultMockData, url, options, testConfig: ftmocksConifg, testName});
     if (mockData) {
       console.debug('mocked', url, options);
       const { content, headers, status } = mockData.response;
+      
       const json = {
         status,
-        headers: new Map(Object.entries(headers)),
+        headers: new Map(Object.entries(capitalizeHeaders(headers))),
         body: content,
       };
 
       await route.fulfill(json);
     } else {
       console.debug('missing mock data', url, options);
-      await route.fallback();
+      const fallbackDir = getFallbackDir(ftmocksConifg);
+      if(!fallbackDir) {
+        await route.fallback();
+        return;
+      }
+      const urlObj = new URL(route.request().url());
+      const filePath = path.join(fallbackDir, urlObj.pathname === '/' || urlObj.pathname === '' ? (ftmocksConifg.FALLBACK_DIR_INDEX_FILE || 'index.html') : urlObj.pathname);
+      console.debug('serving file ', filePath);
+      if (fs.existsSync(filePath) && fs.lstatSync(filePath).isFile()) {
+        const fileContent = fs.readFileSync(filePath);
+        const ext = path.extname(filePath);
+        const contentType = {
+          '.html': 'text/html',
+          '.css': 'text/css',
+          '.js': 'application/javascript',
+          '.json': 'application/json',
+          '.png': 'image/png',
+          '.jpg': 'image/jpeg',
+        }[ext] || 'application/octet-stream';
+
+        console.debug('serving file', filePath);
+        await route.fulfill({
+          body: fileContent,
+          headers: { 'Content-Type': contentType },
+        });
+      } else {
+        await route.fallback();
+      }
     }
   });
 }
@@ -245,7 +297,7 @@ async function initiateJestFetch (jest, ftmocksConifg, testName) {
       console.debug('missing mock data', url, options);
       return Promise.resolve({
         status: 404,
-        headers: new Map([['content-type', 'application/json']]),
+        headers: new Map([['Content-Type', 'application/json']]),
         json: () => Promise.resolve({ error: 'Mock data not found' }),
       });
     }
@@ -254,7 +306,7 @@ async function initiateJestFetch (jest, ftmocksConifg, testName) {
     
     return Promise.resolve({
       status,
-      headers: new Map(Object.entries(headers)),
+      headers: new Map(Object.entries(capitalizeHeaders(headers))),
       json: () => Promise.resolve(JSON.parse(content)),
     });
   });
@@ -275,6 +327,7 @@ async function initiateJestFetch (jest, ftmocksConifg, testName) {
       status: 0,
       response: null,
       responseText: '',
+      headers: new Map(Object.entries(capitalizeHeaders(headers))),
       onreadystatechange: null,
       onload: null,
       onerror: null,
@@ -297,7 +350,7 @@ async function initiateJestFetch (jest, ftmocksConifg, testName) {
         xhrMock.status = status;
         xhrMock.responseText = content;
         xhrMock.response = content;
-        xhrMock.headers = headers;
+        xhrMock.headers = new Map(Object.entries(capitalizeHeaders(headers)));
   
         if (xhrMock.onreadystatechange) {
           xhrMock.onreadystatechange();