orYoffe

import React from 'react';
import { createElement } from 'react-native-web';

const Option = ({
  label,
  value,
}) => createElement('option', {
  children: label,
  value,
});

orYoffe

/* eslint-disable no-console */
const path = require('path');
const fs = require('fs');
const fsx = require('fs-extra');
const glob = require('glob');

const getPlatformDirName = isNative => isNative ? '__native_snapshots__' : '__web_snapshots__';
const getOtherPlatformDirName = isNative => isNative ? '__web_snapshots__' : '__native_snapshots__';

const ensureFolder = dir => !fs.existsSync(dir) && fs.mkdirSync(dir);

orYoffe

import { Platform } from 'react-native';

it('renders properly - ' + Platform.OS, () => { // <= 'ios' || 'web'
  const mockFunc = jest.fn();
  const tree = renderer.create(
    <Button text={text} onClick={mockFunc} />
  );
  expect(tree.toJSON()).toMatchSnapshot();
});

orYoffe

import { Platform } from 'react-native';

const mockFunc = jest.fn();
const tree = renderer.create(
  <Button text={text} onClick={mockFunc} />
);

if (Platform.OS === 'web') {
  it('renders properly on web', () => { // <= the name sets the title for the snapshot
    expect(tree.toJSON()).toMatchSnapshot();

orYoffe

import React from 'react';
import { Picker } from 'react-native';

export const NativePicker = ({
  style,
  currentValue,
  onChange,
  options,
}) => (
  <Picker

orYoffe

import React from 'react';
import { Platform, Text, TouchableHighlight, StyleSheet } from 'react-native';
import { shallow } from 'enzyme';
import Button from './Button';

const text = 'test button';

const styles = StyleSheet.create({
  button: {
    height: 20,

orYoffe

const HelloReact = () => (
  <div>
    <p>Hello React</p>
  </div>
);

const HelloReactNative = () => (
  <View>
    <Text>Hello ReactNative</Text>
  </View>

orYoffe

import { Platform } from 'react-native';

const isWeb = Platform.OS === 'web';
const isNative = !isWeb;
const isIos = Platform.OS === 'ios';
const isAndroid = Platform.OS === 'android';
const isDesktop = isWeb && typeof matchMedia !== 'undefined' && matchMedia('(min-width: 768px)').matches;
const isMobile = !isDesktop;

orYoffe

let banner;
function removeBanner() {
    banner = document.elementFromPoint(300, 300);

    if (banner.offsetWidth > 600) {
        banner.parentNode.removeChild(banner);
        console.log('!!! removeBanner ------ removed');
    } else {
        console.log('!!! removeBanner ------ did not removed')
    }

orYoffe

const createState = require("jstates");

const myState = createState({ counter: 0 });

function onUpdate(state) {
  console.log("onUpdate: counter =", state.counter);
}

myState.subscribe(onUpdate);
myState.setState(state => ({ counter: ++state.counter }));