Manoj Masakorala manoj-mass

🤠

Focusing

manoj-mass / header.reducer.ts

Last active July 6, 2021 07:06

redux header reducer - https://medium.com/@manojdarshana/reactjs-testing-with-jest-101-81bb17dd6c65

	import axios from 'axios';

	export const ACTION_TYPES = {
	SET_HEADERDETAILS: 'SET_HEADERDETAILS',
	};

	const initialState = {
	headerTitle: '',
	};

manoj-mass / header,spec.ts

Last active July 6, 2021 07:09

	import configureStore from 'redux-mock-store';
	import thunk from 'redux-thunk';
	import header, { loadHeader, ACTION_TYPES } from 'app/shared/reducers/header';

	describe('Header reducer tests', () => {
	it('should return the initial state', () => {
	const headerState = header(undefined, {});
	expect(headerState).toMatchObject({
	headerTitle: '',
	});

manoj-mass / Posts.js

Created July 6, 2021 06:43

mock and api - https://medium.com/@manojdarshana/reactjs-testing-with-jest-81bb17dd6c65

	import axios from 'axios';

	export const getPost = () => {
	return axios.get('https://jsonplaceholder.typicode.com/posts/1').then(res => res.data);
	}

manoj-mass / ShowTitle.test.js

Created July 6, 2021 06:19

ShowTitle api mock - https://medium.com/@manojdarshana/reactjs-testing-with-jest-81bb17dd6c65

	import { render, screen } from '@testing-library/react';
	import axios from 'axios';
	import { getPost } from '../apis/Posts';

	describe('test post app', () => {
	it('check get post', () => {
	jest.mock('axios');
	axios.get = jest.fn();

	const postResponse = {

manoj-mass / Counter.test.js

Created July 6, 2021 06:00

Counter spec file https://medium.com/@manojdarshana/reactjs-testing-with-jest-81bb17dd6c65

	import { render, screen } from '@testing-library/react';
	import userEvent from '@testing-library/user-event';
	import Counter from './Counter';

	const setUp = () => render(<Counter />);

	beforeEach(() => {
	setUp()
	})

manoj-mass / Counter.js

Last active July 6, 2021 05:59

Simple counter component - https://medium.com/@manojdarshana/reactjs-testing-with-jest-81bb17dd6c65

	import { useState } from 'react';

	function Counter() {
	const [count , setCount] = useState(0);

	return (
	<>
	<div className="counter">
	<h1>Current count is - <label data-testid={"counterID"}>{count}</label></h1>
	<button onClick={e => setCount(count + 1)}>Increment</button>

manoj-mass / synthetic-script-current.js

Created March 17, 2021 04:15

	// ------------------------------------------------- current version

	var synthetics = require('Synthetics');
	const log = require('SyntheticsLogger');

	const getYYYYMMDD = (d0) => {
	const d = new Date(d0)
	return new Date(d.getTime() - d.getTimezoneOffset() * 60 * 1000).toISOString().split('T')[0]
	}

manoj-mass / .lighthouserc.json

Created January 11, 2020 20:49

.lighthouserc.json

	{
	"ci": {
	"collect": {
	"numberOfRuns": 1,
	"settings": {
	}
	},
	"assert": {
	"preset": "lighthouse:recommended",
	"assertions": {