hdsenevi

Dark theme on Slack 3.0.0 above

Paste bellow two files into
Mac: /Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static/

Restart slack

hdsenevi

{
	"preset": "react-native",
	"collectCoverage": true,
	"moduleDirectories": [
		"node_modules",
		"src"
	],
	"transform": {
		"^.+\\.js$": "<rootDir>/node_modules/react-native/jest/preprocessor.js"
	},

hdsenevi

import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

Enzyme.configure({ adapter: new Adapter() });

hdsenevi

import React from 'react';
import { Text, TouchableOpacity } from 'react-native';

const Button = (props) => {
    const { buttonStyle, textStyle } = styles;
    const { onPress, label } = props
    return (
        <TouchableOpacity onPress={onPress} style={buttonStyle}>
            <Text style={textStyle}>
                {label}

hdsenevi

import React from 'react';
import {shallow} from 'enzyme';
import Button from './Button';

describe('Button', () => {
    describe('Rendering', () => {
        it('should match to snapshot', () => {
            const component = shallow(<Button label="test label"/>)
            expect(component).toMatchSnapshot()
        });

hdsenevi

import React, { Component } from 'react';
import { Text, TouchableOpacity, Platform, Linking } from 'react-native';

// 1. Changed to a class based component
class Button extends Component {
    constructor(props) {
        super(props);
    }

    // 2. Custom function called onPress TouchableOpacity

hdsenevi

import React from 'react';
import {shallow} from 'enzyme';
import Button from './Button';

jest.mock('Platform', () => {
    const Platform = require.requireActual('Platform');
    Platform.OS = 'ios';
    return Platform;
})

hdsenevi

import React, { Component } from 'react';
import { Text, TouchableOpacity, Linking } from 'react-native';

// 1. Changed to a class based component
class Button extends Component {
    constructor(props) {
        super(props);
    }

    // 2. Custom function called onPress TouchableOpacity

hdsenevi

import React from 'react';
import {shallow} from 'enzyme';
import Button from './Button';

describe('Button', () => {
    describe('Rendering', () => {
        it('should match to snapshot - Primary', () => {
            const component = shallow(<Button label="test label" primary />)
            expect(component).toMatchSnapshot("Primary button snapshot")
        });

hdsenevi

import React from 'react';
import {shallow} from 'enzyme';
import Button from './Button';

describe('Button', () => {
    describe('Rendering', () => {
        it('should match to snapshot - Primary', () => {
            const component = shallow(<Button label="test label" primary />)
            expect(component).toMatchSnapshot("Primary button snapshot")
        });