interceptor - A browser extension to mock AJAX requests at the browser level

  •        7

A browser extension that mocks AJAX request at the browser level so you can run front ends without really starting a backend server. Once you open the extension popup, it shows a UI as seen below. By default, Intercept Mode is ON.

https://github.com/code-mancers/interceptor#readme

Dependencies:

axios : ^0.18.0
classnames : ^2.2.5
css-loader : ^0.28.11
match-sorter : ^2.2.3
react : ^16.3.2
react-chrome-redux : ^1.5.1
react-dom : ^16.3.2
react-redux : ^5.0.6
react-simple-contenteditable : ^0.0.5
react-table : ^6.8.6
redux : 3.5.2
redux-thunk : ^2.2.0
tslint : ^5.10.0
typescript : ^2.8.3
uuid : ^3.2.1

Tags
Implementation
License
Platform

   




Related Projects

fetch-mock - Mock http requests made using fetch

  •    Javascript

Mock http requests made using fetch (or isomorphic-fetch)

Kakapo.js - :bird: Next generation mocking framework in Javascript

  •    Javascript

Kakapo its a full featured http mocking library, he allows you to entirely replicate your backend logic in simple and declaritive way directly in the browser. This way you can easily prototype and develop the whole Application without backend and just deactivate Kakapo when you go production. In order to achieve that Kakapo gives you a set of utilities like Routing, Database, Response, Request and so on... Use the kakapo router to declare two custom routes and returning custom data.

FakeRest - Patch fetch/XMLHttpRequest to fake a REST API server in the browser, based on JSON data.

  •    Javascript

Intercept AJAX calls to fake a REST server based on JSON data. Use it on top of Sinon.js (for XMLHTTPRequest) or fetch-mock (for fetch) to test JavaScript REST clients on the browser side (e.g. single page apps) without a server. FakeRest uses a standard REST flavor, described below.

JSMock

  •    Javascript

With web 2.0, the development of JS frameworks increased. Like any other language, this code must be tested. The problem is that, for us to test javascript, we need to run a browser. The goal of this project is to create a Mock suite to mock and test javascript without the bro...

rendora - dynamic server-side rendering using headless Chrome to effortlessly solve the SEO problem for modern javascript websites

  •    Go

Rendora can be seen as a reverse HTTP proxy server sitting between your backend server (e.g. Node.js/Express.js, Python/Django, etc...) and potentially your frontend proxy server (e.g. nginx, traefik, apache, etc...) or even directly to the outside world that does actually nothing but transporting requests and responses as they are except when it detects whitelisted requests according to the config. In that case, Rendora instructs a headless Chrome instance to request and render the corresponding page and then return the server-side rendered page back to the client (i.e. the frontend proxy server or the outside world). This simple functionality makes Rendora a powerful dynamic renderer without actually changing anything in both frontend and backend code. Dynamic rendering means that the server provides server-side rendered HTML to web crawlers such as GoogleBot and BingBot and at the same time provides the typical initial HTML to normal users in order to be rendered at the client side. Dynamic rendering is meant to improve SEO for websites written in modern javascript frameworks like React, Vue, Angular, etc...


mock-fs - Configurable mock for the fs module

  •    Javascript

The mock-fs module allows Node's built-in fs module to be backed temporarily by an in-memory, mock file system. This lets you run tests against a set of mock files and directories instead of lugging around a bunch of test fixtures. The code below makes it so the fs module is temporarily backed by a mock file system with a few files and directories.

web-maker - A blazing fast & offline frontend playground

  •    Javascript

Web-Maker is an offline playground for your web experiments. Something like CodePen or JSFiddle, but much more faster and offline supported because it runs completely on your system. Follow @webmakerApp for updates or tweet out feature requests and suggestions.

code-snippets - Chrome DevTools code snippets

  •    Javascript

Read Code Snippets tutorial, Performance profiling using DevTools code snippets and How to improve Angular application performance using code snippets. Note: code snippets do NOT have access to the full console API, for example no access to console.monitor.

OctoLinker - OctoLinker – Available on Chrome, Firefox and Opera

  •    Javascript

OctoLinker is a browser extension for Chrome, Firefox and Opera which allows you to navigate through code on GitHub more efficiently. It turns language-specific module-loading statements like include, require or import into links. Depending on the language it will either redirect you to the referenced file or to an external website like a manual page or another service.

frontend-vscode-extensionpack - Handpicked collection of vscode extensions for FE development

  •    Javascript

A collection of extensions for Frontend Development in VS Code. These are some of my favorite extensions to make frontend development easier and fun.

angular-loading-bar - A fully automatic loading / progress bar for your angular apps.

  •    Javascript

The idea is simple: Add a loading bar / progress bar whenever an XHR request goes out in angular. Multiple requests within the same time period get bundled together such that each response increments the progress bar by the appropriate amount.This is mostly cool because you simply include it in your app, and it works. There's no complicated setup, and no need to maintain the state of the loading bar; it's all handled automatically by the interceptor.

crxviewer - Add-on / web app to view the source code of Chrome / Firefox / Opera 15 extensions and zip files

  •    Javascript

The default action (showing the above options) can be changed via the "Primary action on click" menu that appears when you right-click on the extension button. As mentioned before, this extension activates on the Chrome Web Store by default. It's also possible to view the source code of Chrome, Opera 15+ and Firefox extensions that are hosted elsewhere. Further, there is an option to show a contextmenu entry on links whose target is a Chromium extension. Both features can be toggled at the options page.

node-mocks-http - Mock 'http' objects for testing Express routing functions

  •    Javascript

Mock 'http' objects for testing Express routing functions, but could be used for testing any Node.js web server applications that have code that requires mockups of the request and response objects. This project is available as a NPM package.

puer-mock - Puer + Mock.js = A configurable mock server with configurable mock(random) data.

  •    HTML

Puer + Mock.js = A configurable mock server with configurable mock(random) data. Please install puer first.

node-mitm - Intercept and mock outgoing Node

  •    Javascript

Mitm.js is a library for Node.js (and Io.js) to intercept and mock outgoing network TCP and HTTP connections. Mitm.js intercepts and gives you a Net.Socket to communicate as if you were the remote server. For HTTP requests it even gives you Http.IncomingMessage and Http.ServerResponse — just like you're used to when writing Node.js servers. Except there's no actual server running, it's all just In-Process Interception™. Intercepting connections and requests is extremely useful to test and ensure your code does what you expect. Assert on request parameters and send back various responses to your code without ever having to hit the real network. Fast as hell and a lot easier to develop with than external test servers.

RAP - Web接口管理工具,开源免费,接口自动化,MOCK数据自动生成,自动化测试,企业级管理。阿里妈妈MUX团队出品!阿里巴巴都在用!1000+公司的选择!RAP2已发布请移步至https://github

  •    Javascript

RAP is a web tool that allows web applcation developers to rapidly define and document web APIs that are used in typical RESTful-API based web applications. RAP can also be used to generate API mock data and run API services to enable front-end developers in writing and testing their front-end code that makes consumpiont of the predefined web API loaded with mock data, hence reducing the dependency from the backend development work. Meanwhile, backend developers can implement their backend code according to the defintion of API on their own pace to meet the quality and timeline requirements. With RAP, you can really do more with less. belerweb, xinglie, nunnly, x03570227, jokefaker, etc.

Nothing - A chainable, callable mock object which always returns itself

  •    Javascript

Nothing is a chainable, callable mock object which always returns itself. You can use it instead of null and undefined values so you don't have to place safety checks all over your code. The implementation uses Symbol and Proxy behind the hood which are widely supported by modern desktop and mobile browsers and can be used without a polyfill. A: Many functional programming languages either don't have or don't endorse the use of imperative constructs such as try/catch blocks because they introduce so-called side effects which actually make it harder to debug and reason about the code. And programs which are written in functional programming languages are considered to be less error-prone and easier to support.

mock-require - Simple, intuitive mocking of Node.js modules.

  •    Javascript

mock-require is useful if you want to mock require statements in Node.js. I wrote it because I wanted something with a straight-forward API that would let me mock anything, from a single exported function to a standard library. The module you that you want to mock. This is the same string you would pass in if you wanted to require the module.

EtherAddressLookup - Adds links to strings that look like Ethereum addresses to your favourite blockchain explorer

  •    Javascript

The blacklists found in this repo serve both the EAL Chrome Extension & MetaMask Chrome Extension. We use a Levenshtein distance algoritm to detect similar URLs, so if you encounter an errounously-blocked website, please add it to the whitelist. The master branch is bundled on every release and pushed to the Chrome & Firefox Extension store, you can view/download it here: https://chrome.google.com/webstore/detail/etheraddresslookup/pdknmigbbbhmllnmgdfalmedcmcefdfn for Chrome, and https://addons.mozilla.org/en-US/firefox/addon/etheraddresslookup/ for Firefox.

devtools-frontend - The Chrome DevTools UI

  •    Javascript

The client-side of the Chrome DevTools, including all JS & CSS to run the DevTools webapp. It is available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES2015 modules, so consuming this package in other tools may require some effort.