Add 'cp, 'cs', 'sctest' snippets

README.md

@@ -46,6 +46,8 @@ Every space inside `{ }` and `( )` means that this is pushed into next line :)
 |  `sto→` | `setTimeout(() => { }, delayTime`                   |
 | `prom→` | `return new Promise((resolve, reject) => { }`       |
 | `cmmb→` | `comment block`                                     |
+|  `cp→`  | `const { } = this.props`                            |
+|  `cs→`  | `const { } = this.state`                            |
 
 ## React
 
@@ -509,6 +511,24 @@ describe('<${1:ComponentName} />', () => {
 })
 ```
 
+### `sctest`
+
+```javascript
+import React from 'react'
+import renderer from 'react-test-renderer'
+
+import { ${1:ComponentName} } from '../${1:ComponentName}'
+
+describe('<${1:ComponentName} />', () => {
+  const defaultProps = {}
+  const wrapper = renderer.create(<${1:ComponentName} {...defaultProps} />)
+
+  test('render', () => {
+    expect(wrapper).toMatchSnapshot()
+  })
+})
+```
+
 ### `snrtest`
 
 ```javascript

snippets/snippets.json

@@ -169,6 +169,20 @@
     "description":
       "Displays a message in the console but also displays a blue information icon along with the logged message"
   },
+  "DestructProps": {
+		"prefix": "cp",
+		"body": [
+			"const { $1 } = this.props"
+		],
+		"description": "Creates and assigns a local variable using props destructing"
+	},
+	"DestructState": {
+		"prefix": "cs",
+		"body": [
+			"const { $1 } = this.state"
+		],
+		"description": "Creates and assigns a local variable using state destructing"
+	},
   // ==============================================================================================
   // React
   "import React": {
@@ -992,6 +1006,26 @@
       ""
     ]
   },
+  "setupReactComponentTest": {
+		"prefix": "sctest",
+		"body": [
+			"import React from 'react'",
+			"import renderer from 'react-test-renderer'",
+			"",
+			"import { ${1:ComponentName} } from '../${1:ComponentName}'",
+			"",
+      "describe('<${1:ComponentName} />', () => {",
+      "  const defaultProps = {}",
+      "  const wrapper = renderer.create(<${1:ComponentName} {...defaultProps} />)",
+      "",
+      "  test('render', () => {",
+      "    expect(wrapper).toMatchSnapshot()",
+      "  })",
+      "})",
+      ""
+		],
+		"description": "Create test component"
+	},
   "setupReactNativeTestWithRedux": {
     "prefix": "snrtest",
     "body": [