[EuiCodeBlockImpl] element creation event; testenv mock for tests (#…

…3405)

* convert to function component; move element creation to mount event

* testenv mock for euicode and euicodeblock

* clean up

* testenv export types

* move highlight body to useEffect

* CL

CHANGELOG.md

@@ -1,6 +1,10 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `23.2.0`.
+- Added `testenv` mock for `EuiCode` and `EuiCodeBlock` ([#3405](https://github.com/elastic/eui/pull/3405))
+
+**Bug Fixes**
+
+- Fixed `EuiCode` and `EuiCodeBlock` from erroring in environments without a DOM implementation ([#3405](https://github.com/elastic/eui/pull/3405))
 
 ## [`23.2.0`](https://github.com/elastic/eui/tree/v23.2.0)
 

src/components/code/_code_block.testenv.tsx

@@ -0,0 +1,38 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import React from 'react';
+export const EuiCodeBlockImpl = ({ children, inline }: any) => {
+  const snippet = <code>{children}</code>;
+  return inline ? (
+    <span>{snippet}</span>
+  ) : (
+    <div>
+      <pre>{snippet}</pre>
+    </div>
+  );
+};
+
+export const FONT_SIZES: Array<'s' | 'm' | 'l'> = ['s', 'm', 'l'];
+export const PADDING_SIZES: Array<'s' | 'm' | 'l' | 'none'> = [
+  'none',
+  's',
+  'm',
+  'l',
+];