woocommerce/plugins/woocommerce-admin/packages/explat
Moon 52fbcffe92 Make ExPlat request URL args filterable (https://github.com/woocommerce/woocommerce-admin/pull/8231)
* Support woocommerce_explat_request_args filter to modify ExPlat request args

* Add ExPlat test

* Add ExPlat test for PHP

* Add changelog

* Add doc for the filter

* Fix syntax
2022-02-01 14:17:03 -04:00
..
src Make ExPlat request URL args filterable (https://github.com/woocommerce/woocommerce-admin/pull/8231) 2022-02-01 14:17:03 -04:00
.npmrc Try ExPlat: Add A/A test (https://github.com/woocommerce/woocommerce-admin/pull/6669) 2021-04-15 13:32:46 +12:00
CHANGELOG.md Make ExPlat request URL args filterable (https://github.com/woocommerce/woocommerce-admin/pull/8231) 2022-02-01 14:17:03 -04:00
README.md Try ExPlat: Add A/A test (https://github.com/woocommerce/woocommerce-admin/pull/6669) 2021-04-15 13:32:46 +12:00
jest.config.json Make ExPlat request URL args filterable (https://github.com/woocommerce/woocommerce-admin/pull/8231) 2022-02-01 14:17:03 -04:00
package.json Make ExPlat request URL args filterable (https://github.com/woocommerce/woocommerce-admin/pull/8231) 2022-02-01 14:17:03 -04:00
tsconfig-cjs.json Allow packages to be built in isolation. (https://github.com/woocommerce/woocommerce-admin/pull/7286) 2021-07-14 16:38:57 -04:00
tsconfig.json Allow packages to be built in isolation. (https://github.com/woocommerce/woocommerce-admin/pull/7286) 2021-07-14 16:38:57 -04:00

README.md

ExPlat

This packages includes a component and utility functions that can be used to run A/B Tests in WooCommerce dashboard and reports pages.

Installation

Install the module

npm install @woocommerce/explat --save

This package assumes that your code will run in an ES2015+ environment. If you're using an environment that has limited or no support for ES2015+ such as lower versions of IE then using core-js or @babel/polyfill will add support for these methods. Learn more about it in Babel docs.

Usage

import { Experiment } from '@woocommerce/explat';

const DefaultExperience = <div>Hello World</div>;

const TreatmentExperience = <div>Hello WooCommerce!</div>;

const LoadingExperience = <div></div>;

<Experiment
	name="woocommerce_example_experiment"
	defaultExperience={ DefaultExperience }
	treatmentExperience={ TreatmentExperience }
	loadingExperience={ LoadingExperience }
/>;