Instagram Launch Cover Page

@@ -62,15 +62,22 @@ class DataTransferItemListStub
  }
 }
 
+function normalizeFormat(format: string) {
+ return format.toLowerCase()
+}
+
 function getTypeMatcher(type: string, exact: boolean) {
- const [group, sub] = type.split('/')
+ const normalizedType = normalizeFormat(type)
+ const [group, sub] = normalizedType.split('/')
  const isGroup = !sub || sub === '*'
  return (item: DataTransferItem) => {
+ const normalizedItemType = normalizeFormat(item.type)
+
  return exact
- ? item.type === (isGroup ? group : type)
+ ? normalizedItemType === (isGroup ? group : normalizedType)
  : isGroup
- ? item.type.startsWith(`${group}/`)
- : item.type === group
+ ? normalizedItemType.startsWith(`${group}/`)
+ : normalizedItemType === group
  }
 }
 

Blank Blog Template For Students

@@ -132,6 +132,21 @@ test('should replace selected text all at once', async () => {
  expect(element).toHaveValue('hello friend')
 })
 
+test('should ignore format case', async () => {
+ const {element, user} = setup<HTMLInputElement>('<input />')
+ element.addEventListener('paste', event => {
+ event.preventDefault()
+
+ const data = event.clipboardData?.getData('Text')
+
+ element.value = data ?? ''
+ })
+
+ await user.paste('friend')
+
+ expect(element).toHaveValue('friend')
+})
+
 describe('without Clipboard API', () => {
  beforeEach(() => {
  Object.defineProperty(window.navigator, 'clipboard', {

How To Create A Great Blog Post

@@ -23,6 +23,7 @@ describe('create DataTransfer', () => {
  expect(dt.getData('text/html')).toBe('bar')
  expect(dt.getData('text/*')).toBe('foo')
  expect(dt.getData('text')).toBe('foo')
+ expect(dt.getData('Text')).toBe('foo')
 
  dt.clearData()
  dt.setData('text', 'baz')